A modal is a dialog box/popup window that is displayed on top of the current page made with HTML, CSS/Sass and JavaScript

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • Useful resources

Users should be able to:

• View the optimal layout depending on their device's screen size
• See hover button elements on the page
• Show and hide the modal clicking the button
• Automatically closed the model element when clicking outside of it.

• Solution URL: Solution URL here
• Live Site URL: Live site URL here

• Semantic HTML5 markup
• CSS, Sass
• Flexbox
• Desktop First Workflow
• JavaScript
• AddEventListner
• classList.add and classList.remove

• Modal Tutorial by Coding Addict
• Javascript Tutorial and Projects Course by John Smilga