Resumen 22/04/2020

Hola a tod@s!!! Este segundo día ha sido muy resolutivo, ha habido muy buena participación e interacción 😊

Hoy hemos comentado las diferentes soluciones de cadauno al respecto del diseño responsive de una página web y hemos visto las diferentes opciones disponibles.

CSS Externos

<link rel="stylesheet" media='screen and (min-width: 140px) and (max-width: 380px)' href="phone.css"/>

<link rel="stylesheet" media='screen and (min-width: 381px) and (max-width: 700px)' href="tablet.css"/>

CSS Interno

@media all and (max-width: 699px) and (min-width: 520px) {

  #sidebar ul li a {

    padding-left: 21px;

    background: url(../images/email.png) left center no-repeat;

  }

}

https://css-tricks.com/css-media-queries/

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

 

Meta tag

<meta name="viewport" content="width=device-width, initial-scale=1">

https://www.w3schools.com/tags/tag_meta.asp

https://www.w3schools.com/css/css_rwd_intro.asp

Hemos propuesto de utilizar el blog del campus virtual del CET para compartir material y información útiles.

Hasta mañana! 😊