Skip to content
Submitted over 4 years ago

Fylo Landing Page with SASS & Flexbox

emmy-html•345
@emmy-html
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo dark theme landing page
  • HTML
  • CSS
  • JS
2junior

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

  • Shubham Sharma•855
    @shubhamthedevPosted over 4 years ago

    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

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