Vista previa del articulo usando HTML, CSS Y JS.

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 11 months ago

  ¡Buen trabajo Marcelo!

  Déjame comentarte algunas cosas que pueden servirte a futuro:

  • El main, como su nombre lo indica, debe ser el contenido principal, solo debe ir dentro del body. Por lo que podrías intercambiar el main por el section
  • Para centrar el contenido no hace falta usar margin, hay una forma mas sencilla usando flexbox o grid:

  body {
      font-family: 'Manrope', sans-serif;
      font-size: 13px;
      background-color: var(--LightGrayishBlue);
      min-height: 100vh; /* Con esto ocupas el 100% del alto del viewport y de ser necesario te dejará hacer scroll para ver el resto del contenido */
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px; /* Separa el card del footer */
  }
  

  • A lo de arriba podrías agregarle un margin o un padding para pantallas mobile, para que no quede pegado a los bordes
  • Quizás podes ajustar un poco los padding en tu card__content, aunque por lo que veo usaste padding y luego agregaste margin a los elementos hijos del contenedor. Podrías resolverlo solo con el `padding

  Marked as helpful

  1