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

Responsive bootstrap layout

@dknyd

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey People!

So I am doing a little project now, I am remaking all my so far done challenges with tools I have learnt since then, this one is my first actualy try in using bootstrap in any of my projects (I guess it obvious if you look at the code :D) so I would very much be in your debt for any constructive comments.

My obvious question is: Am I using bootstrap instead of media queries the right way? The layout changes from width of sm and up to desktop view, I have tried to implement it and it seems to work but Im not sure this is best practice.

I have tried using rem mostly as unit as I have read on github best practice for units that it scales pretty well, and it seems it indeed does, the layout is fully responsive as far as I can tell.

Thank in advance as usual!

Daniel

Community feedback

@guimar86

Posted

HI Daniel, I had the same question a few days ago and watched this video to help clarify: https://www.youtube.com/watch?v=P_qsfOHDwts But from my perspective I can tell you that bootstrap is a shortcut learning the latest css feature will be more beneficial on the long run. Right now I am actually working only with bootstrap as I want to master it but I will pick up Flexbox and Grid right after.

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