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 using bootstrap5

#bootstrap
SAM 850

@SAM-dev-pixel

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


Hi this is my second landing page using bootstrap5. I'd love to see you feedback :)

Community feedback

@adityas24

Posted

Great job Sam! You are doing layouting very well with bootstrap. You need to improve on the accessiblity of your web page. I m listing few points

  1. Headings look too small
  2. In mobile version images(hero and productive section) are getting too large. Seems like you are using width:100% of the container on all screen sizes. For smaller screens reduce the image size to somewhat around 60-80%.
  3. Your card seems to have a fixed width for all screen sizes. For mobile version make it look bigger.

Improve on accessiblity and reponsiveness. Then you are good to go with Bootstrap 5. Good luck, all the best 🙂👍

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