Tutorial de doseño responsivo

1481

<!DOCTYPE html>
<html lang=“en”>

<head>
<meta charset=“UTF-8”>
<meta http-equiv=“X-UA-Compatible” content=“IE=edge”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
<title>Document</title>
<style>
@media (min-width: 300px) {
div {
background: purple;
}
}

    @media (max-width: 300px) {
        div {
            background: red;
        }
    }
</style>

</head>

<body>
<div>
platzi
</div>
</body>

</html>

hace 2 años

Escribe tu comentario

+ 2

Entradas relacionadas

¿Cómo se estructura el CSS?

Ahora que ya sabes qué es el CSS y conoces sus conceptos básicos, es hora de profundizar un poco más en la estructura del lenguaje en sí. Ya

lilianabobadilla

¿Cómo usar etiquetas de HTML en la maquetación de una página web?

Por: Johanna M. Orjuela Introducción El HTML (HyperText Markup Language) es el lenguaje estándar para crear la estructura básica de una pá

johannamorjuela

Carrusel De Autos

Quise hacer un carrusel con carros, la idea es añadir java script para agregar mas, y poder navegar entre diferentes estilos, además de esto

david.comnavia

Como crear una Tarjeta Profecional con Tailwind Css

En este tutorial veremos cómo construir una tarjeta profesional con HTML y CSS utilizando Tailwind CSS. ¿Qué es Tailwind CSS? Tailwind CSS

bryan35659