Tell us what’s happening:
Your code so far
/* Only change code below this line */
/* Only change code above this line */
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15.
Challenge: Use grid-area Without Creating an Areas Template Link to the challenge:
Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
The problem says that to change the grid area along
third and fourth horizontal lines, and first and fourth vertical lines.
Try playing around with these and trying the combinations.
It would be easy for you to find how it is working after solving.
grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
This hint given by free code camp will be sufficient for you to solve this problem
Thank you for the reply. I admit I saw that, I also admit that im not understanding what to do with it. Do I type it in exactly like that or do I have to come up with the corresponding numbers? I think ill be taking a break right now. Thanks.
third and fourth are horizontal lines in the grid-area:
for example in…
3 and 1 are horizontal lines to start at and end at respectively.
4 and 3 are vertical lines to start at and end at respectively.
Now look at the problem like this
3 and 4 horizontal lines, and 1 and 4 vertical lines
Thank you! I definitely will be spending more time on this subject.
Still cant figure it out, this is my wall for the day lol.
grid-area: horizontal start/vertical start/horizontal end/vertical end.
the given problem is
third and fourth horizontal lines, and first and fourth vertical lines .
horizontal start is 3
horizontal end is 4
vertical start is 1
vertical end is 4
Ill keep trying, thank you for the time.