Design comparison
Solution retrospective
If anyone has some tips of centering elements, that'd be great!
Community feedback
- @fasih-mehmoodPosted over 3 years ago
Flexbox is definitely the way to go when it comes to centering elements. Also avoid using ID's as much as you can and make use of classes instead. Avoid using absolute sizes as well, instead of pixels, try using % or rem or em.
Other than that, the solution looks great! Keep up the good work.
Marked as helpful1 - @darryncodesPosted over 3 years ago
Hi Faylette,
Great solution, well done.
Try this on your
.container
class:display: flex; flex-direction: column; flex: 1;
And on mobile add
align-self: start;
to the<button>
styles so the button doesn't span all the way across.Also you'll need to play around with
margin-bottom: 75px;
on your<p>
too.Good luck!
0@ctweedPosted over 3 years ago@darryncodes hey bro , how to 3 div car no space between them.Thanks u
0@darryncodesPosted over 3 years agohello mate (@ctweed). I'm not 100% sure what you mean. It sounds like you just need
display: flex;
on the parent container for your three<div>
's. This will stack them nicely into columns without space between them.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