DEV Community

jassica
jassica

Posted on

3

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

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay