Tribute Page Feedback - Issue

I everyone. I want to know if you can help me with a issue i found. At the bottom of the page, this don’t apply the border-radius that i put to all the container. It just applied to the top: right and left side, but not the bottom either left or right. Do you know why this happend?

HTML:

<div id="containerOfAllTheSections">

CSS:

#containerOfAllTheSections{
 margin: 25px 3px;
 border-radius: 5px;
 background-color: var(--forBackground);
 text-align:center;
 font-family: 'Philosopher', sans-serif;
}

The result at top:

The result at bottom:

Here is the page: https://juanpastencastillo.github.io/FCC-Challenge-TributePage/
CodePen: https://codepen.io/JuanPastenCastillo/pen/GRqbrKj
Repository: https://github.com/JuanPastenCastillo/FCC-Challenge-TributePage

Thanks a lot for your time and attention.

A post was merged into an existing topic: Tribute Page Feedback - 1° challengue

Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been merged with your previous topic.

Thank you.

1 Like