Hi,
Does anyone know why when I use a device with a small screen and my flex-direction is set to column, the cards are off of the screen in the vertical direction?
Thank you, any advice would please be appreciated
@csimomelian
Posted
The height of the content is higher than the height of the body, where normally it should forces the overflow scroll but by having align-item:center or justify-content:center the flex-items do not cause overflow scroll.
You can figure out with min-height:100vh instead of height:100vh.
@georgelowe
Posted
@csimomelian Thank you this solved it :)
@jorgeflagel
Posted
Hi, you have align-items: center and height: 100vh in the body. You need to eliminate the height.
@georgelowe
Posted
@jorgeflagel Hi thanks for the response, however I don't see where I have set the width in the body, I have only the height set to 100vh here
@jorgeflagel
Posted
@georgelowe sorry, it was my mistake. The problem is actually with the height. If you remove the height, the page shows correctly.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
