Portfolio Project CSS - issues with section widths on desktop

Hello fellow learners,

I am working on my portfolio project and I am struggling with this issue. Here is my code:

The bottom two sections, skills and footer, are not following the same width as the other sections.

They all have the class “section” which has the setting of “width:100%”. For mobile and tablet screen sizes, they are the same width as the rest of the sections. However, for desktop, they are much wider than the others.

The media query for desktop is setting the container max-width to 1084px, but skills and footer don’t follow this rule.

Can someone help me understand what is going on?

Thank you very much,

<Hi class=.container>

In line 88 you have to delete ‘/div’ tag.
In line 120 (before ‘/body’) you must add ‘/div’ tag.
You just have ‘/div - .container’ in wrong place.


Ah, so simple! I was really struggling to figure it out. Thank you very much for your help, I’ll be aware of this next time.