Hello First post, so I’m sorry if these sorts of topics are prohibited. I’m currently working on the Tribute Site part of FCC, and I had a specific idea in mind, and so I’ve been trying to figure out how to achieve that by scouring the internet. I found a pen project (a blog site) that had a layout similar to what I wanted to achieve, but the CSS it uses is currently out of my understanding and I really want to know what’s going on in each line?:
#text-container {
width: calc((3*90vw)/5);
left: 50%;
transform: translateX(-50%);
height: 100%;
overflow: hidden;
z-index: 2;
position: relative;
background: white;
border-left: 3px solid #7B6938;
border-right: 3px solid #7B6938;
padding-right: 3rem;
}
If someone could provide a breakdown for me that would be very appreciated Thanks.