DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,864 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
jassica
jassica

Posted on

hey web developers plz help me in my 1st project!

i m stuck in my 1st project ,i want to bring my emoji in centre bt its not happening ,plz help me out https://codepen.io/dimple_jha/pen/WNwQQyp

Top comments (7)

Collapse
 
killianfrappartdev profile image
Killian Frappart

If you are learning CSS, I would highly recommend you spend some time learning flexbox.

It is such a powerful feature and something you are going to use in pretty much all your projects :)

flexboxfroggy.com/

Collapse
 
bronxsystem profile image
bronxsystem

+1 flex box is used everywhere eg bootstrap have to learn it for front end.

Collapse
 
dimplejha profile image
jassica Author

thanks for ur suggestion i will work on it definitely

Collapse
 
shhdharmen profile image
Dharmen Shah

Hey @dimplejha ,

Check this: codepen.io/shhdharmen/pen/PoNPNgg

I moved all body parts in body and added below css for body:

body{
  display: flex;
  justify-content: center;
  align-item: centre; // remove this if you don't want everything to be vertically center aligned
}

Let me know if it helps.

Thanks.

Collapse
 
dimplejha profile image
jassica Author

thanku soo much it worked!
πŸ₯°πŸ˜πŸ₯°

Collapse
 
bronxsystem profile image
bronxsystem

Looks like you worked it out. Congrats ( :

Collapse
 
dimplejha profile image
jassica Author

yeah thanks

πŸŒ™ Dark Mode?!

Turn it on in Settings