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

AnasIsmai1 240

@AnasIsmai1

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

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud of the fact that i created a good layout that is essentially responsiveness for all mobile and laptops across all resolutions and was able to create a good efficient layout.

What challenges did you encounter, and how did you overcome them?

I faced the issue of setting the position of the curve that is used in the website and mobile aspect of the website. After trying to adjust it in the container i wrapped the first container within another and created a picture tag with am image and a source tag which changes images upon changing screen resolutions. Essentially creating two divs the picture and the container. I set the position absolute of the picture.

What specific areas of your project would you like help with?

I would like to create a better tablet version of the website. If someone could review my code and give me any sort of suggestions it would be great.

Community feedback

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