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

Insure Landing Page using HTML, CSS and Bootstrap

@Saibramarambika

Desktop design screenshot for the Insure landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I tried to do this project using Bootstrap for responsiveness. I couldn't make it up to the mark. I would be happy for all suggestions on design to do better.

Community feedback

T
Chamu 13,110

@ChamuMutezva

Posted

Greetings Saibramarambika

  • Bootstrap is a great library to use which can give you good results quickly, but that can only be fruitful if you have a great command of css. You need to understand fully what the bootstrap is doing so that you can remove manually unwanted styles. In short - leave bootstrap for now it will make your learning of css very long.
  • this challenge is a bit tricky, several things have to change in your html:
  1. some of the p elements are supposed to be anchor elements wrapped in an ul element
  2. headings are supposed to ascend in order and having only one h1 element
  3. the structure of the html needs a re-look using semantic html where possible

** SUGGESTION**

  • Do a challenge of a lower level than this and see if you can fix the issues i have raised above.
  • use the help channel on slack and ask any questions related to any challenge you are doing so that you can be guided along the way. When asking questions provide any information that can help people to assist and provide you with the best possible solutions. Tips - host your project early such that you can include a link for your github repository and the other link that we can replay the issue.

Good lucky

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