@KapteynUniverse
Posted
It is because you set the .container width to 400px, margin and padding doing what you want but since the container can't get bigger than 400px anymore, h1 text is wrapping instead.
What you want to acquire is probably can be done with reducing the h1s text size and leaving the padding. Try this one:
h1 {
padding: 0px 2rem;
font-size: 1.625rem; /* or 1.75rem */
.
.
.
}
Marked as helpful
@Sabicana
Posted
oh font size! didnt think about it. thank u so much @KapteynUniverse