DEV Community

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

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

thanku soo much it worked!
🥰😍🥰

Collapse
 
bronxsystem profile image
bronxsystem

Looks like you worked it out. Congrats ( :

Collapse
 
dimplejha profile image
jassica

yeah thanks