removing extra space | Scrimba | Page 1

gleaming anchor Feb 24, 2024, 1:43 PM

#

does anyone know why i have so much extra space here? it only shows when i put the html into a new browser, not on the scrim. https://scrimba.com/scrim/co2ed43618635b3791fce521a

Scrimba

Fork of Solo Project - Color Scheme Generator

Learn to code with interactive scrims. Our courses and tutorials will teach you React, Vue, Angular, JavaScript, HTML, CSS, and more. Scrimba is the fun and easy way to learn web development.

vale wing Feb 24, 2024, 2:37 PM

#

I cant access my laptop right now but i think if you add height: 90vh it should work to the container div

gleaming anchor Feb 24, 2024, 2:42 PM

#

i added height: 90vh; just now, but it hasnt changed :c

sleek hearth Feb 24, 2024, 2:54 PM

#

You mean the white space at the bottom ?
Well, that’s because the viewport is taller then the height of your content.
Do you want to stretch your content all the way down? Check that you don’t have any fixed heights, change to min-height (suspects are the color bars)
Or use any techniques to center that main element so it’s cantered relative to viewport. Make sure it allows to shrink on small viewports

gleaming anchor Feb 24, 2024, 3:24 PM

#

thank you

#

this messes up the placement of the hex code because i was just using margin-top

#

but ive tried using display: flex and then align-self: flex-end but i want it to be beneath the colors, not on top of them

#removing extra space