Skip to content
Submitted almost 2 years ago

Responsive web-page using css + bootstrap

Clara Marinho•150
@mclaramarinho
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I just started using bootstrap, some I'm having some difficulties.

  • I'm having some trouble with the responsiveness of the layout on smaller devices (it doesn't look the same as the examples given)

  • Also, I can't make the borders rounded in smaller devices (when I add some CSS borders, they are only placed correctly on large devices).

I'd appreciate some feedback on the code and help with the issues above.

Thanks in advance!

Community feedback

  • Alamin•2,000
    @CodeWithAlaminPosted almost 2 years ago

    Hi Clara Marinho👋 Great job on completing this challenge! 🥳

    Overall, the HTML and CSS look well-organized and easy to read. The use of semantic elements like header, section, and footer in the HTML helps to give structure to the content and improve accessibility.

    In the CSS, you have used descriptive class names and organized the styles by grouping related ones together. This makes the styles easy to understand and maintain.

    There are a few areas for improvement:

    • It would be helpful to include comments in the CSS to explain the purpose of each group of styles.

    • You can use the font-family property to specify a fallback font in case the user does not have the specified font installed.

    • You can use the rem unit for font sizes to make the website more responsive. The rem unit is relative to the root element (html), which allows you to change the font size of the entire website by changing the font-size of the root element.

    Overall, this is a very well done solution to the challenge. Great job!

    I hope this feedback was helpful. 😊 Keep up the good work!👍

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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