Tell us what’s happening:
I’m doing the Product landing page challenge and I’m having troubles with organization of my grid. As you can see in example below, there is an empty gap between grid areas header (orange), content (grey) and footer (purple).
The coloring is my desperate attempt to recognize the grid-areas in order fix the problem. Those “marks” will go when everything is working.
Your solution clear the gap between the grid inside the .content grid area. I’m testing my code in Chromium, Firefox and Brave and I see this empty gap at top and bottom of content. In my computer I have to scroll down to find the beginning of the page. In other words, there is an empty gap between orange header, gray content and purple footer.
Once again, let me thank you for help.
Sorry for my english. It is not my mother tongue.