Learn CSS Flexbox by Building a Photo Gallery - Step 7

HTML-CSS
1

I don’t understand what you mean by selector using * symbol and setting boxsize property to borderbox as value in css

<!-- file: index.html -->
<!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>
    <header class="header">
      <h1>css flexbox photo gallery</h1>
    </header>
    <div class="gallery">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/1.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/2.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/3.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/4.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/5.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/6.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/7.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/8.jpg">
      <img src="https://cdn.freecodecamp.org/curriculum/css-photo-gallery/9.jpg">
    </div>
  </body>
</html>

/* 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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hey Darry, So * is actually a css selector " The asterisk (*) is the universal selector in CSS . By default, it selects all elements in a document" So the challenge wants you to use the * selector just like you would if you were trying to style an h1 or p element. After you set the selector just style like you normally would, so an example would be like below. You can use this example, but fill out with the correct stuff the challenge is asking for. Make sure to switch over to css tab to make these changes

h1{
  color:red
}
3

thank you very much I understand

1 Like
4

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