Tell us what’s happening: how to make header and footer to occupy all width of top and bottom row? Your code so far <style> .item1 { background: LightSkyBlue; grid-area: header; } .item2 { background: LightSalmon; grid-area: advert; } .item3 { background: Pale…

[image] NiteshTyagi: header and footer Please search the forum before you post (or) wait for the Intelligent query to show the similar requests. [image] Use Media Queries to Create Responsive Layouts HTML-CSS Huh, this took a toll on me. I am also pretty new to CS…

I understand the statement but the problem is i am confusing about the “property” value…

Did you checked that link and still confused? Please be specific which part you are confused.

I had same idea on my mind… I placed grid-template-columns: auto (for advert) 100%(for header) auto(content) 100%(footer) and in grid-template-areas I removed advert(.) next to header and footer… But it doesn’t work…

hi , this is how it works @media (min-width: 400px){ .container{ /* change the code below this line */ grid-template-areas: "header header" "advert content" "footer footer"; /* change the code above this line */ } }

Stuck here buddies need help your help! [Capture]

Hey, Replace the word ‘advert’ in your grid-template-areas with a period (.)

Just replace the string “advert” with the period (.)… And you are good to go

Don't understand what to do?

HTML-CSS

Randore June 3, 2018, 3:39pm 2

Please search the forum before you post (or) wait for the Intelligent query to show the similar requests.

Topic		Replies	Views
I need to solve of this problem >> Use Media Queries to Create Responsive Layouts HTML-CSS	2	550	March 9, 2021
Responsive Layout help HTML-CSS	5	1968	March 9, 2021
Use Media Queries to Create Responsive Layouts HTML-CSS	8	3543	March 9, 2021
Use Media Queries to Create Responsive Layouts . need help for this , can anyone? HTML-CSS	6	741	March 9, 2021
When the viewport width is 400px or more, make the header area occupy the top row completely and the footer area occupy the bottom row completely HTML-CSS	5	4298	March 9, 2021

Don't understand what to do?

Related topics