Como crear columnas con CSS

¡Saludos cibernauta! hoy en conocesobreinformatica.com te presentamos el siguiente artículo titulado: “Como crear columnas con CSS".

Seguimos trabajando a diario para brindarles los mejores ejercicios/ejemplos de programación en los lenguajes más usados de la actualidad.

Sin más que agregar, empecemos...

APRENDE A COMO CREAR COLUMNAS CON CSS

En este breve artículo aprenderemos como crear columnas con CSS con tan solo tres lineas de código.

A continuación, podrás observar los bloques con código. El primer bloque de arriba hacia abajo, esta desarrollado en el lenguaje HTML, el segundo bloque es de CSS.

<div class="container">
   <p> Conoce Sobre Informática </p>
   <img src="csiLogo.jpg">
   <p>Bienvenido Cibernauta</p>
</div>

.container {
  display: grid;
  grid-template-columns: 20% 50% 30%;
  gap: 1em;
}

ANÁLISIS DEL CÓDIGO

VARIABLE

grid-template-columns: 20% 50% 30%;

1em;

DESCRIPCIÓN

Los porcentajes nos indican el ancho que ocupa cada elemento.

Nos indica la separación entre elementos.

RESULTADO AL EJECUTAR EL CÓDIGO

Hemos llegamos al final de este artículo, como equipo de CSI esperamos realmente toda la información recopilada y analizada te resulte de utilidad en tus estudios o vida laboral.

Te recordamos que hoy por hoy conocesobreinformatica cuenta con las siguientes redes para mantener al tanto de toda la información nueva:

- Suscripciones de correo electrónico, se el primero en enterarte de lo que publicamos: