Used Bootstrap 4 for Awesome look's and responsive.
Design comparison
Solution retrospective
I developed a landing page with multiple CSS classes.
Community feedback
- @grace-snowPosted almost 4 years ago
Hi, I'd recommend you either have a go at this without bootstrap, or try to only use bootstrap with hardly any css of your own. At the moment it looks to me like your styles will be fighting the bootstrap styles.
In general principles,
-
build mobile first. That's what bootstrap does, so. You shouldnt have any max-width media queries.
-
To get everything looking right on mobile, shrink your viewport down small and use bootstrap classes only as needed to get it looking right
-
Start to enlarge the viewport. As soon as it looks like there's room for the layout to adjust, add breakpoint specific bootstrap classes
-
Keep doing that until you get to a largest screen screen size
I think you will learn much better if you do some smaller challenges with no bootstrap and then return to this later. Then you will have a much better understanding of what's needed.
But if you are really keen to use bootstrap now, follow the process above.
Best of luck with it
1@rohitdubey1352Posted almost 4 years ago@grace-snow sure I will follow your instructions and now onwards I only use bootstrap. Yeah, 😆 I think u r right about my style (fighting). Thanks for giving me feedback : )
0@rohitdubey1352Posted almost 4 years ago@grace-snow Hey, finally I made it into the mobile version check out and give some feedback if u wish : )
0 -
- @dev-tedPosted almost 4 years ago
Hi ,rohitdubey1352 .. You almost there you just need to add a few touch ups. I would recommend you use Flexbox or CSS Grid and make use of media queries to make the site more responsive. i would be glad to contribute on this and help you out.
0
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