Table of contents

Overview
My process
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