HTML & CSS Bootstrap four card feature website
Design comparison
Solution retrospective
Hi,
I would really appreciate if you could check the responsiveness of the website and write your insights. I had used bootstrap grid system (container fluid) for cards and also I added some CSS media brake points for changting the size of the text and the padding. I had switch my website in chrome to developer tools and watched on what size of width it would be good to change the font of the text and padding. What is the best practice for setting brake boints when using media? Should I use some specific width's or it's good to look how content is changing and then set different brake points for different parts of website?
Community feedback
- Account deleted
Hi, Good work. I'm not a pro but I would suggest you use CSS Grid for the layout as it will improve your css skills especially if you like to know how things work under the frameworks such as Bootstrap. Most devices have standard sizes so I find it easier to use standard breakpoints for mobile, tablet and desktop. However, to make your site responsive and if you have the time then sure you can tweak things here and there for all sizes. I'd also suggest you use descriptive class-names for your divs instead of block1,block2 you could use the name of what the div contains for easier maintenance as well as readability for others going through your code.
1
Please log in to post a comment
Log in with GitHubJoin 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