Learn CSS Flexbox by Building a Photo Gallery - Step 1

Tell us what’s happening:
I have the same technical issues as the post before. The system keeps telling me that head and body tag should be siblings. Not sure what to do…

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head></head> 
  <body></body>
</html>

<!-- User Editable Region -->

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0

Challenge: Learn CSS Flexbox by Building a Photo Gallery - Step 1

Link to the challenge:

Usually when errors like this happen it’s due to a browser extension that is adding extra elements in the head. If you have extensions installed then you should start disabling them one by one until you figure out which one is causing the problem. Or use a different “clean” browser that doesn’t have any extensions installed.

1 Like