Responsive Social Proof Section using bootstrap and flexbox
Design comparison
Solution retrospective
How could I have made the h1 justified to the left? Anything I could improve on overall? How could I better use bootstrap to write cleaner code here?
Thanks to all!
Community feedback
- @nakoyawilsonPosted over 2 years ago
You currently have the "text-center" Bootstrap class on the h1 which center aligns the text. If you remove that class, the default alignment should be justified left. If you need the text center aligned on mobile and aligned to the left on bigger screens you can try adding the "text-xl-start", "text-lg-start", "text-md-start" or "text-sm-start" class to the h1 depending on which breakpoint you want the text aligned to the left. So for example you would have
<h1 class="text-xl-start text-center">
.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