Learn CSS Grid by Building a Magazine - Step 1

HTML-CSS
1

Tell us what’s happening:

I don’t know what’s wrong, I’m doing everything correctly, please help

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <body>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale="1.0">
    </head>
  </body>
  </html>

<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 OPR/116.0.0.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 1

2

Hey!
You might have an extra " up there. Good luck!

2 Likes
3

still not working, I think it’s glitched or something

4

Please share your updated code

5

U put the head tag inside body tag, here’s the updated code

– removed solution –

1 Like
6

Hi there!

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

7

It is still not working

9

Tell us what’s happening:

I changed the code and it’s still not working. Is this a bug or something?

Your code so far

<!-- file: index.html -->

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <body></body>
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width", initial-scale="1.0">
    </head>
  </html>

<!-- User Editable Region -->


/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 OPR/116.0.0.0

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 1

10

I shared it on my board again

11

Hi again!
Did you manage to solve the problem?
If not, can you share your updated code so we can go through it step by step?

12

Hi there. The body element goes after the head closing tag

13

Your meta tag is still not quite correct either, as you have too many quotation marks for the content attribute.

Here’s a useful article on HTML boilerplates:

14

OMG! That was the whole issue, The content value only has 2 quotations. Thank you so much!!!

2 Likes