Looks good. Some things you might want to do is.
- center the card. use justify-content: center; in .main-container
- your main-container is not the height of the screen. set height to 100vh.
.main-container{ background-color: hsl(47, 88%, 63%); height: 550px; display: flex; align-items: center; justify-content: center; /* add to center / height: 100vh; / add to increase of container to screen */ }
0
devvic19• 200
@devvic19
Posted
Hello, I have done this and its now centered and perfect @michiganprogrammer
0