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

Fylo Landing Page with SASS & Flexbox

emmy-html 345

@emmy-html

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


Any feedback is welcome! In particular I was having trouble with displaying the location marker in the footer as a block element next to the text, so I'd love any suggestions on workarounds for that. Thank you!

Community feedback

@shubhamthedev

Posted

Hi, you could use display:inline-block to put them on each other sides, or if you put them inside a <div> element then you could use display:flex property on the <div> element to display them on each others side. Apart from this your design seems pretty good the design is responsive and adapts nicely to different screen sizes.

  • Just a few suggestion, the button at the bottom of the page needs more space to fit the text maybe increase the width of the same a bit plus you should provide some transitions to the way buttons change color upon hovering.

  • Second fix all those html validation and accessibility issues.

Hope this helps and keep coding 👨‍💻.

1

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