Intro component with sign-up form

Community feedback

• 

  Vicktor•900

  @Victor-NyagudiPosted almost 2 years ago

  Hi, Jose.

  Good attempt on this one.

  If you want to know how many pixels a <div>, <section>, or any other element is, open Chrome developer tools, and on the top left, above the console, you'll see a cursor icon partially inside a square.

  Click on this icon, and hover over the element whose size you want to know. You'll notice that as you hover over elements, you'll see their content box and/or margin and padding.

  A white popup will also show up telling you what the element is and some other helpful information. On the top left of the popup, you'll see the element's name, and on the top right, you'll see how big the element is in pixels e.g. 546x314.

  The first number is the width i.e. 546, and the second number is the height i.e. 314.

  I hope this helps.

  All the best with your other solutions.

  1

  ---

  

  José Cláudio•30

  @JoseClaudiolimaPosted almost 2 years ago

  @Victor-Nyagudi Hi Victor, thanks to explain to me how to see width and height in chrome.

  But my question is about how i could see the width and height in a image, example: img.png , img.jpg. Because frontendmentor.io exercises come with a 'design' folder that contains these images of what the final solution should look like.

  Thx for commenting here

  0

  

  Vicktor•900

  @Victor-NyagudiPosted almost 2 years ago

  @JoseClaudiolima

  You could try right-clicking the image file on your computer outside of VS Code or your code editor of choice then choosing properties.

  The information shown should include the image's dimensions.

  0