Frontend Mentor - Fylo dark theme landing page solution

This is a solution to the Fylo dark theme landing page For the Frontend Mentor challenges. Frontend Mentor challenges help you improve your coding skills by building realistic projects by GROUP-31 CAPSTONE PROJECT SIDEHUSTLE.

Table of contents

Overview

Acknowledgments

Although the development process was a collaborative effort we would like to thank the following persons for their input and work that helped create a success website.

Team Lead-Favour Emmanuel (Worked on the Structure,styling and hosting on Github account Assistant - AJILO GABRIEL (worked on our Readme.md file) -member_Prudence (worked on the structure,styling and readme.md file) -member_Oluebubechukwu Ugwuanyi (Did an exceptional work on the structure/syles and responsiveness with media query) -member_ Ukenazor Sylvia (very supportive, also worked on part of the Html/css sections) -member_Mark (worked on the part of the landing page with html and css codes) -member_Elizabeth (made suggestions and contributed to achieving a well structured layout)

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size
  • See hover states for all interactive elements on the page

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox

What I learned

This challenge has taught us to -push beyond our learning limits. -make concrete research and review. -embrace team work and communication.

Continued development

While we developer a dark theme for our landing page. We would love to invest time in creating a theme toggle option in further development.

Useful resources

The following were useful resources that were valuable in the course of this build.

FreeCampCode Media query and responsiveness. It was clear and concise and would also recommend it as a teaching resource going forward. Youtube Vides by "easy Tutorials"

Author

  • Frontend Mentor - mentor@Sidehustle