Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• View the optimal layout for each of the website's pages depending on their device's screen size
• See hover states for all interactive elements on the page
• View each page and be able to toggle between the tabs to see new information

Screenshot

Links

• Live Site URL: Click me

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Little vanilla JS

What I learned

I learnt some basic styling properties in CSS, flexbox and grid for responsiveness. I learnt how to meddle with the display and position propertiy.

Continued development

I planned on working more on responsive designs, exploring deep into JS and React.

Useful resources

• Example resource 1 - This helped me in some area I'm confused. I really liked the way he structured his CSS properties.

Author

• Frontend Mentor - @Vinnie-tec
• Twitter - @VinnieOlamide
• Linkedin - @agboola-vincent

Acknowledgments

All thanks to Scrimba's course of this project. I got help in some of the video.