If anyone has some tips of centering elements, that'd be great!
@fasih-mehmood
Posted
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 helpful
@darryncodes
Posted
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!
@ctweed
Posted
@darryncodes hey bro , how to 3 div car no space between them.Thanks u
@darryncodes
Posted
hello 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.
@ctweed
Posted
@darryncodes oke thanks, I haved fix it
@darryncodes
Posted
@ctweed ah, glad to hear it!
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
