https://codepen.io/Mackdine/pen/abbEZjL?editors=1100
Can someone please help me understand why my text wont center and the background won’t show up?
thank you
The problem with image not showing is you have space between before url and after url. It should be like that no space between:
background-image:url("https://i.postimg.cc/P5KNBpT2/universe-2742113-1920.jpg");
Why your text not centering is that flex by default is row and it is centered according to the row. You need to change the flex-direction to column if you want to center your text according to column. Thus, add
flex-direction:column;
to your #welcome-section.
1 Like