Design comparison
Solution retrospective
Not able to build the right div
Community feedback
- @MavreonPosted about 2 years ago
Hello Karthik, Congratulations on completing this challenge π Concerning centering the items in the right div, looking at your code you are using bootstrap. You have a class missing in addition to
row
, you didn't add thealign-items-center
class. Like this...<div class="row align-items-center">...</div>
I hope this helps, happy coding β¨Marked as helpful0 - @correlucasPosted about 2 years ago
πΎHello Karthik, congratulations for your solution!
For the
right
column you'll need this properties for the correct alignmentalign-items: center; justify-content: center;
and to use somepadding-bottom
to space each text element..col { display: flex; gap: 47px; /* padding-left: 0; */ /* padding-right: 0; */ align-items: center; justify-content: center; /* align-content: space-around; */ }
Hope it helps and happy coding!
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