In this video I go over how to create this notification pop up using HTML, CSS and Vanilla JavaScript. I show you the full front end coding tutorial, where I create the structure of the elements in HTML and then write all of the styling and effects with CSS. I use CSS Grid and Flexbox for the layout and then add event listeners with JavaScript.

Codepen: https://codepen.io/angeladelise/pen/ExNZRxQ

In this video I show you:

• 0:00 - Intro
• 0:31 - Starting HTML Code
• 0:44 - HTML Code
• 3:00 - CSS Code
• 7:42 - Animating the Notification Pop Up
• 10:29 - JavaScript Code

#html #css #javascript