Single price grid component

Community feedback

• 

  Denis•1,060

  @Mod8124Posted over 1 year ago

  👋Hola bien hecho!

  Revisalo no es responsive para movil, y en pantallas grandes esta inclinado a la izquierda, y no esta aligneado en el centro esto pasa porque estas usando rem, el body siempre tiene que cubrir el total de la pantalla ya que es el principal

  body {
  width:100%;
  height:100vh;
  } 
  

  tambien en tus css siempre empieza por mobile y terminas en desktop es mejor para confimar que tu web es responsive en los medias queries es mala practica volver a poner todas las propiedas de nuevo solo pon las que van a cambiar, tambien siempre usa px en los media queries para identificar mas rapido el dispositivo(mobile,table,etc)

  body { // body en mobile
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  background-color: hsl(204, 43%, 93%);
  font-size: 1.25rem;
  }
  @media screen and (min-width:600px) {
  .body { // solo escribe la propiedad que cambia
  font-size: 1.4rem;
  }
  }
  

  🤟Espero te ayude, Buen codigo.

  Marked as helpful

  0

  ---

  

  Eduardo•350

  @Eduard38655Posted over 1 year ago

  @Mod8124 Gracias por el comentario

  0