Table of contents

• Overview
  • The challenge
  • Screenshot
  • Live Demo
• My process
  • Built with
  • What I learned
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

• See hover and focus states for all interactive elements on the page

Screenshot

Desktop

Mobile

Live-Demo

• Live Demo

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

• How to build a responsive layout using vanilla HTML5, CSS3
• Using flex-box for putting various elements together

Useful resources

• MDN -- helped me to know the semantic tags of HTML5.

Author

• GitHub
• X
• LinkedIn
• Frontend Mentor Profile