Help with HTML code

Hello there! I’m having a little trouble stacking elements in the given 3 boxes for the “Challenge Project: Build a Website Design System” module. Can someone help me understand how can I get everything to fit inside the “text style” box with my given code?

#box-three {
border: 2px solid white;
height: 400px;
width: 1650px;
margin: 20px;
padding: 20px;
}

.four h3 {
color: white;
font-size: 30px;
margin: 20px;
}

.text-style h1 {
color: white;
font-size: 25px;
margin: 20px;
margin-top: 10px;
word-spacing: 5px;

}

.text-style li {
color: white;
margin: 30px;
}

.text-style h2 {
color: white;
}


@the_guheye The reason this is happening is that you’re using a defined height of 400px for your boxes, so if your content needs more space it will just take it. The best thing to do in your case is to use a height of auto so that no matter how much content you add to your boxes it will always fit.
Just let me know if that works for you. Happy coding !

2 Likes

Ahh that fixed it thank you! I also adjusted the line-height a bit too just to compress it some more

1 Like