I’m getting different results for my final HTML/CSS project. In CodePen my project looks great, but when I carry it over to FCC it doesn’t work the same.
I’m getting a large gap in between the rows of my flex items. The gap widens or shrinks depending on the size of the window. This doesn’t happen on CodePen.
When I shrink the window down to, let’s say 320px, there is not enough background color for my “projects” section. This doesn’t happen on CodePen.
I think it has something to do with 100% height of the parent container? Maybe? I’m quite sure. I’m curious to know if there is a reoccurring difference between FCC and CodePen that accounts for this sort of wonky stuff.
I thought that too, but I already had it added. Even checked to make sure I didn’t misspell something. Even copy and pasted it over to be double sure. Although, I put it in the head, not the header. Which is where it’s supposed to go, right?
Oh, my god. I just needed to delete “height: 100%”! Wow! It fixed both problems.
You know, you spend so much time working on stuff that you sometimes forget why you even had something. I knew I had been messing with the height for so long trying to get it to do something, and I guess I didn’t realize that after a certain point it was of no use, or not doing what I thought it was.
Goes to show how you just have to go everything again and again, and not make assumptions that you need any code, or that certain code is a given.