QR Code page using basic HTML and CSS (mobile responsive)

Community feedback

• 

  sophie.•150

  @sophie-mc-devPosted over 1 year ago

  In the future, check the style-guide.md file to learn what colors, fonts, font-sizes, etc. the challenge requires! To make the styles more accessible, I would reccomend creating variables, at the top of the CSS file, that represent the colors & fonts needed for the challenge.

  In this case, you could add to your CSS file:

  --light-grey: hsl(212, 45%, 89%);
  
  body{
  font-family: 'Outfit';
  background-color: var(--light-grey);
  }
  

  0

  ---

  

  Miguel Willians•10

  @miguel-williansPosted over 1 year ago

  @sophie-mc-dev Thanks, but as I said on the other reply, that's not the background I was trying to replicate. In my post, I was talking about the background in the desktop-preview.jpg, which can be found on the challenge starter files.

  0

  

  sophie.•150

  @sophie-mc-devPosted over 1 year ago

  @miguel-willians hm pretty sure that background is an image and it's used for every challenge desktop preview.

  It is not necessary to complete the challenges as you should focus on the main background color/image of the desktop and mobile designs.

  Either way, keep up the good work!

  0
• 

  Matthew Young•20

  @Randomdude707Posted over 1 year ago

  To change the background color you would want to change this section in your code located in your style.css file

  body {
  font-family: 'Outfit';
  background: url(../images/nebulosa.gif);
  }
  

  To this

  body {
  font-family: 'Outfit';
  background: hsl(212, 45%, 89%);
  }
  

  The background color is listed in your style-guide.md

  Keep on coding my friend!

  0

  ---

  

  Miguel Willians•10

  @miguel-williansPosted over 1 year ago

  @Randomdude707 Thanks mate, but that's not the background I was trying to replicate. In my post, I was talking about the background in the desktop-preview.jpg, which can be found on the challenge starter files.

  0