Curso de Frontend Developer

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

Primero Creamos un Archivo .html 5.0 y en el titulo le podemos (responsivo).

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Responsivo</title>
</head>
<body>
 </body>
</html>

Luego agregamos un contendor con DIV;

<body>
    <div class = "Contendor">
        <h1>Pagina Responsiva</h1>
        <p>Emplear una Paginas para cualquier Dispositivo</p>
      </div>  
</body>

Se crea una etiqueta <Style> para estilizar nuestra pagina en <head> y agregamos @media (max-width: 800px

<style>
  div{
    background:  #F9E79F;
    text-align: center;
  }
  @media (max-width: 800px) {
  }
 </style>

Esta son los  prodecimiento  aprendido durante el curso.

Curso de Frontend Developer

Toma las primeras clases gratis

COMPARTE ESTE ARTÍCULO Y MUESTRA LO QUE APRENDISTE

0 Comentarios

para escribir tu comentario

Artículos relacionados