HTML CSS JAVASCRIPT CLASE 46.2 MEDIAS QUERYS PARTE III Usando tres breakpoints

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ย. 2024
  • Vamos a usar la técnica de las 12 columnas para entender el concepto de paginas responsivas usando medias querys.

ความคิดเห็น • 2

  • @AngelBau
    @AngelBau 2 หลายเดือนก่อน +1

    Eso ultimo fue muy gracioso bro 😂 , la ultima media query ya no quedo como en tu diseño, haz otro video mas para el ordenamiento de filas por favor, se ve que le hechas ganas a tus videos. Saludos.

    • @waltercubas1507
      @waltercubas1507  2 หลายเดือนก่อน

      Buena observación, trato que los videos no sea largos, pero aquí te dejo el cambio que se debe hacer en la última media query.
      @𝐦𝐞𝐝𝐢𝐚 𝐬𝐜𝐫𝐞𝐞𝐧 𝐚𝐧𝐝 (𝐦𝐚𝐱-𝐰𝐢𝐝𝐭𝐡:𝟑𝟔𝟎𝐩𝐱) {
      .𝐥𝐚𝐝𝐨𝟏 {
      grid-column: 1/-1;
      grid-row: 2/3;

      }
      .𝐥𝐚𝐝𝐨𝟐 {
      grid-column: 1/-1;
      grid-row: 4/5;
      }
      }
      𝐍𝐨𝐭𝐚: lo que hago es que .lado1 osea esa caja se combine todas las columnas que fueron tres. y ademas le indico a .lado1 que se combine a nivel de filas desde la fila 2 hasta la 3, con esta combinación lo que que hago es posicionarlo a .lado1 a su lugar de origen.
      El mismo proceso hago para .lado2 combinando columnas y ademas lo posiciono con la combinación de filas de la fila 4 a la 5.
      Puedes aplicar este cambio y quedara como en el diseño. Con ese cambio ya estoy haciendo ordenamiento de filas. Pero Igual me comentas si es necesario de otro video para reforzar mas la idea de ordenamiento.