Bread
KPCKevin Powell - Community
•Created by Bread on 10/29/2023 in #front-end
Adding image to a flex container overrides 100vh and creates a scroll bar. How to fix?
Yeah I watched that video, really useful so thank you. I think I am using Display: flex too much for this page too, so I will try simplify a little. Thanks for the help 😄
11 replies
KPCKevin Powell - Community
•Created by Bread on 10/29/2023 in #front-end
Adding image to a flex container overrides 100vh and creates a scroll bar. How to fix?
Ah, from my first lines of CSS you mean? The * {} part? I will remove the margin: 0px now, but would you mind telling me why it is bad practice? Thank you btw 🙂
11 replies
KPCKevin Powell - Community
•Created by Bread on 10/29/2023 in #front-end
Adding image to a flex container overrides 100vh and creates a scroll bar. How to fix?
Oh yes, good catch, thank you! I've added them in, and now taken out the absolute positioning for the image as it was then ruining the layout completely haha. Thanks 🙂
11 replies
KPCKevin Powell - Community
•Created by Bread on 10/29/2023 in #front-end
Adding image to a flex container overrides 100vh and creates a scroll bar. How to fix?
Ah thank you for the tip! My first post here. Here is a link to the Codepen: https://codepen.io/Datasapien/pen/PoVZMQY
11 replies