Skip to content
OverviewSolutions
21
Comments
4
Jorge Sanchez
@fcojsanchez55

All comments

  • Jorge Sanchez•220
    @fcojsanchez55Posted about 1 year ago

    add in the body{ justify-content: center; and min-height: 100vh} and that will center your complete main on the screen..like this

    body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; }

    0
  • Kate Dames•250
    @funficientSubmitted about 1 year ago

    Three questions for the community please!

    1. Why can't I get my linear-gradient background for the circle to work?

    I tried the variable defined in the root section: --color-circle-gradient as well as typing the linear-gradient out: linear-gradient(hsl(256, 72%, 46, 1), hsl(241, 72%, 46%, 0)); But nothing works. But if I add a static color (not a gradient) it works perfectly fine!

    1. What is the best way to handle the transparency? It feels as if I'm doing the same thing in multiple places and there should be a better way?

    2. Where can I find resources to help me add the json variables? I can't find any solutions in vanilla HTML and CSS, only Tailwind and other frameworks I'm not familiar with. I would love to give this a go!

    And any other feedback on how to improve would be appreciated. Thank you!

    Results Summary Component

    3
    Jorge Sanchez•220
    @fcojsanchez55Posted about 1 year ago

    to me was better using a web like https://cssgradient.io/! i know we need to learn how it works the gradient but sometimes its dificult!

    Marked as helpful
    0
  • Jorge Sanchez•220
    @fcojsanchez55Posted about 2 years ago

    Esta muy bien, para facilitarte el areglo del background intenta usar este background-color: hsl(225, 100%, 94%); y luego para la imagen de fondo que te facilita el challenge usa background-size: contain ;-)..espero que esto te sirva de ayuda! suerte!

    Marked as helpful
    0
  • Jorge Sanchez•220
    @fcojsanchez55Posted over 2 years ago

    @sdann26 MUCHISIMAS GRACIAS POR TUS CONSEJOS! ME ALEGRA SABER QUE EXISTA GENTE COMO TU! TOMARE TODAS TUS RECOMENDACIONES! Y DE VERDAD MUCHAS GRACIAS.

    1