InicioCurso de Frontend Developer
Curso de Frontend Developer
1

Cómo implementar un diseño responsivo en HTML y CSS

Juan Manuel
thanathossystem
2449

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

<!DOCTYPE html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Responsivo</title></head><body></body></html>

Luego agregamos un contendor con DIV;

<body><divclass = "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.
0
hace un año
Escribe tu comentario
+ 2

Entradas relacionadas

1

Tutorial de como colocar backgrounds utilizando ccs

La manera correcta de hacer esto es en una pestaña de ccs dentro del editor de codigo o abriendo la etiqueta &lt;Style&gt; &lt;/Style&gt; de
marioxcachazo
marioxcachazo
1

Cómo hacer un piano sencillo con dos teclas de color rosa usando HTML y CSS

En este tutorial te mostraré cómo crear un piano básico con dos teclas usando solo HTML y CSS. Las teclas serán de color rosa y, cuando haga
carozamb
carozamb
9

Crea un Piano con Botones usando HTML y CSS

Hola! 😄 Acompáñame en este pequeño tutorial a través del cual construiremos el aspecto gráfico de un piano usando botones de HTML y estilos
robledocorrea
robledocorrea
4

Domina la creación de tarjetas HTML y CSS: ¡Conviértete en un maestro de las 🃏 Cards en Frontend! 🚀

En este emocionante tutorial, vamos a sumergirnos en el fascinante mundo de la creación de tarjetas HTML y CSS. Si eres como yo, un apasiona
cpedrozamesa
cpedrozamesa