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 two column layout

Mukul Jain 240

@Mukulvjain1

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

Saleiux 230

@Saleiux

Posted

Hi! this wasn't an easy challenge so good job! Some suggestion:

  • There are some items overlap with others, like the div with the class="testimonial" in mobile but also desktop design. I see that you never use position:absolute and relative in the css fyle, try them, they will hwlp you with this
  • You can use the file style-guide for using in the right way the background colours or images
  • You need to take a look to margin between section, I see some white space where there shouldn’t be
  • I suggest you to use some semantic html and comment so it will be more easy to read your code I hope that those suggestions can help you! Good luck and keep it!

Marked as helpful

0

Mukul Jain 240

@Mukulvjain1

Posted

@Saleiux Thanks for the feedback i will improvise this design on my local machine it was ok but got to know about this issue thankyou for the feedback Its on this platform only and in the live preview it is not visible can you tell me the reason why is this different ?

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