Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

mobile first, HTML, SCSS

Michelle 415

@michelleracho

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my first attempt on a junior challenge!

I have the styles for the error message but I couldnt get the error handling to work right with just HTML and CSS (per challenge details) 🙁 so any tip on that would be highly appreciated!

As always, any feedback is always appreciated! 😀

Thank you!

Community feedback

Web Frog 1,840

@MasterDev333

Posted

Awesome @Michelle! You've done really great work. Fully responsive and close to design.

  • If you increase the max-width for containers and sections, you should get a closer result.
  • And one question, why did you put the intro-container into the header part? I think it should be in the main tag.
  • Please add transition effects to the header menu item, also. Hope this helps. Happy coding :)
0

Michelle 415

@michelleracho

Posted

Hi @MasterDev333, I just saw this but thank you for your feedback!

I thought the content in intro-container is an intro to the contents in the main so that's why I placed it in the header 🤔 But I do somehow struggle on deciding what should go in the header or if it's better of inside the main 😓

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord