Build a Flexbox Photo Gallery - Step 1

HTML-CSS
1

Tell us what’s happening:

This is just the first step but I’m having trouble with linking my styles.css.

I think I’m doing this right but somehow it doesn’t let me proceed.

Your code so far

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

<!-- User Editable Region -->

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Photo Gallery</title>
    <link rel="stylesheet" href="styles.css">
  </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:143.0) Gecko/20100101 Firefox/143.0

Challenge Information:

Build a Flexbox Photo Gallery - Step 1

https://www.freecodecamp.org/learn/full-stack-developer/workshop-flexbox-photo-gallery/step-1

2

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

1 Like
3

I did a hard reset on everything (literally. My laptop, router, etc) and did a refresh on the browser. Luckily it works now. Was genuinely confused if I’m doing things wrong even when I’ve written this tag for so many times now xD

Thanks for testing this out and giving solutions!

1 Like