Responsive

Diseño responsive en pocas líneas de CSS:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
div {
display: grid;
grid-template-columns:
repeat(auto-fit, minmax(150px, 1fr));
gap: 32px;
}
div > img {
border-radius: 8px;
width: 100%;
height: auto;
box-shadow: 0px 0px 30px #000;
}
div { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 32px; } div > img { border-radius: 8px; width: 100%; height: auto; box-shadow: 0px 0px 30px #000; }
div {
 display: grid;
 grid-template-columns:
  repeat(auto-fit, minmax(150px, 1fr));
 gap: 32px;
}
div > img {
 border-radius: 8px;
 width: 100%;
 height: auto;
 box-shadow: 0px 0px 30px #000;
}

 

¿Te ha resultado útil??

0 / 0

Deja una respuesta 0

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.