@DavidMorgade
Posted
Hello Sociablerobot, welcome to the community and congrats on finishing the challenge!
As Reddsito pointed out, you can center your card easily with flexbox, if you want to know there are other ways, for example using Grid also on the body like this:
min-height: 100vh;
display: grid;
align-content: center;
justify-items: center;
}
Regarding your project image, you should try to use background-repeat: no-repeat
to avoid your image getting repeat on resizing!
Hope my feedback helps you!
Marked as helpful
@sociablerobot10
Posted
@DavidMorgade Thanks a lot for the welcome and for the help! I did background-repeat: no-repeat, but when I resize it, it doesn't take up the full width like before. Should I try height:100vh?
@DavidMorgade
Posted
@sociablerobot10 try going for background-size: cover
(on the image) it should do the job