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

Advice generator app

#bootstrap

@JustLobo1121

Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do I do responsible design with bootstrap?(i still dont know)

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Hi JUSTLOBO1121

You don't have to worry about bootstrap at the moment, my opinion is that you focus more on the CSS which is the mother of all CSS frameworks / libraries. Remember that bootstrap is just CSS that has been compiled by others to easy the programming process but you will only enjoy or see the benefit of it , if you understands the ins and outs of the bootstrap classes that you are using. See that if you can style it any better with CSS, because at the moment the content is not confined within its parent containers.

HTML

  • you should have at least the main landmark element in this challenge - you can find out more on the importance of landmark elements on MDN.
  • the anchor element is used for navigation and the button element is used for click events. My opinion is that , that should be a button element.

Using the correct semantic elements is important to make your site accessible .

CSS

Marked as helpful

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