Hi everyone, after reducing the width of a border, how can i center it ???

Question

Positioning border

Answer 1

Great!
You're welcome.
Happy learning!

Answer 2

Ok, I'll see what I can do. Your html needs some restructuring. 👍

Answer 3

No problem. Take a look at grid and flexbox, it's going to come handy in the future.

Answer 4

Hmmm, I'm not sure what you're exactly trying to achieve?

Take a look at this and tell me what should be changed :

Answer 5

Show us the code,please.

Answer 6

Hi again!

Sorry, I haven't forgotten about you, I was just busy.
So, here is the new code, I hope we understood each other.
First of all, your html code was quite a mess. You've put your h1 tag in the head tags, you haven't put closing tags to any of the sections etc. So, make sure to check your tags before moving on.

I used something called flexbox to arrange content of the page. You would need to learn more about it to fully benefit from the code. You can find out more in freecodecamp.org or in css-tricks.com. I'll leave that to you. 😊

Cheers!

https://code.sololearn.com/WmzbylTi67Tm/?ref=app

Answer 7

That's perfect!!!
I've checked flexbox and realized that it was a major problem in most of my projects (bad structure of my HTML leading to unwanted results) , so time to learn and fix it.
Thanks 😉

Answer 8

https://code.sololearn.com/WRXwN5n591uv/?ref=app

Answer 9

The code is not finish.
It is the h1 that I try to center but don't understand how to do it after many tries.
Thanks for the help!

Answer 10

To move the reduced h1 so it can appeared to be above the red circle (still on the top of the page).

Answer 11

Thanks a lot😉