Learn Accessibility by Building a Quiz - Step 8

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
    <title>Accessibility Quiz</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header>
      <img id="logo" src="https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg">
      <h1>HTML/CSS Quiz</h1>
      <nav></nav>
    </header>
    <main></main>
  </body>
</html>


/* file: styles.css */
body {
  background: #f5f6f7;
  color: #1b1b32;
  font-family: Helvetica;
  margin: 0;
}

{
  max-width: 100px, 18vw;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Challenge: Learn Accessibility by Building a Quiz - Step 8

Link to the challenge:

2

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like
3

i have forgotten how to use the id of an image to target the image when styling it

4

please i need help it doing that as soon as possible

5

First) Edit the post explaining your mistake, not adding it in a comment.
Second) adds a class or id attribute to the image so you can identify it, then in CSS if class has been chosen use the period. or if you have used id the #, if you want more information you can consult this link

6

thank you so much for the link… it really helped a lot nut i discovered that the problem is inserting the values of max width and not the class because i thought that i ahve forgotten the way to do it… so thanks a lot for sharing

1 Like
7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.