Position of a text in a welcome-section

HTML-CSS
1

Hello,
I was just wondering how can I change a position of a text in welcome-section in my project: https://codepen.io/patri22k/pen/mdqOJEz?editors=1100.
When I move manually a height of the whole viewport, the text in there doesn’t stand still in the middle. Then, a big chunk of green background creates underneath (it’s because i set the height to 100vh, because of the challenge). Can someone help me how to set the text to the center of the welcome-section?
Fyi, if that helps, here, in this example, it works: https://codepen.io/freeCodeCamp/full/zNBOYG.

2

Hi,
try to add:
flex-direction: column; and align-items: center;
to #welcome-section

1 Like
3

Thanks, exactly what I was looking for! Cheers

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.