All comments

• 

  pavelfl• 30

  @pavelfl

  Submitted 10 months ago

  

  Responsive landing page using CSS flexbox layout

  1

  30

  

  Jorge Sanchez• 220

  @fcojsanchez55

  Posted 10 months 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

  @funficient

  Submitted 12 months 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

  60

  

  Jorge Sanchez• 220

  @fcojsanchez55

  Posted 12 months 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

  This comment has received 1 replyShow
• 

  Lucas Cascardo• 30

  @lcascardo

  Submitted almost 2 years ago

  Esta bien aplicado el responsive de la card?

  

  Order Summary Component - HTML - CSS - SASS - Bootstrap

  1

  40

  

  Jorge Sanchez• 220

  @fcojsanchez55

  Posted almost 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

  This comment has received 1 replyShow
• 

  Jorge Sanchez• 220

  @fcojsanchez55

  Submitted almost 3 years ago

  

  nft fronted mentor card

  2

  20

  

  Jorge Sanchez• 220

  @fcojsanchez55

  Posted 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