Responsive using CSS Display flex

Community feedback

• 

  Thiago Costa de Souza•80

  @souzathgPosted about 1 year ago

  Hi! Congrats on finishing this challenge!
  On your next project, consider using CSS variables so you can reuse values, like this:

  :root {
    /* COLORS */
    --primary-dark-cyan: hsl(158, 36%, 37%);
    --primary-cream: hsl(30, 38%, 92%);
    --neutral-dark-blue: hsl(212, 21%, 14%);
    --neutral-grayish-blue: hsl(228, 12%, 48%);
    --neutral-white: hsl(0, 0%, 100%);
    --link-color: hsl(228, 45%, 44%);
  
    /* TYPOGRAPHY */
    --sans: "Montserrat", sans-serif;
    --serif: "Fraunces", serif;
  }
  
  body {
    height: 100vh;
    width: 100vw;
    background-color: var(--primary-cream);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  

  I took this piece of code from another challenge I completed, but you can get the idea. You can set variables and reuse them all over your style sheet with var(--name).

  Hope this feedback was help to you! Keep on coding!

  Marked as helpful

  0

  ---

  

  jgarcia.•10

  @birb303Posted about 1 year ago

  @souzathg Thank you!!

  0