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

sheikhhaseeb559β€’ 80

@sheikhhaseeb559

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Tesla_Ambassadorβ€’ 2,980

@tesla-ambassador

Posted

Hey sheikhhaseeb559. Congratulations on uploading this solution. I see you've been putting in the work even during the holidays πŸ‘ You have improved with the responsive design! That's a good milestone πŸ₯³ The key thing I'd love to address here is the layout. I gleaned over your code and realised that you rely so much on the position: relative; attribute to move your components to your desired space. This method doesn't maintain the consistency of the layout across different screen sizes. I suggest you take a look at how to use flex or grid these will do you a lot of help with your layout. Here are some resources you can use: flex-tutorial and grid-tutorial. I hope this helps you a bunch! Happy holidays and happy coding! πŸŽ‰

Marked as helpful

1

sheikhhaseeb559β€’ 80

@sheikhhaseeb559

Posted

@tesla-ambassador Sure Brother, I've been waiting for your comment, so I can learn something new

0
Tesla_Ambassadorβ€’ 2,980

@tesla-ambassador

Posted

@sheikhhaseeb559 No problem! Glad to help!

Marked as helpful

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