#contenedor, #resultadoBusqueda, .container{ display: flex; flex-direction: column; gap: 24px; max-width: 1440px; margin: 0 auto; width: 100%; height: 100%; } #cabecera{ margin:0 auto; padding:0; text-align:center; max-width:1440px; } #divIzquierda, #divDerecha{ width:250px; vertical-align: top; } #divIcontenido, #divDcontenido{ margin: 0 auto; padding:0px 0px; width:230px; display: flex; flex-direction: column; gap: 32px; } #divIcontenido form, #divDcontenido form{ display: flex; flex-direction: column; gap: 8px; align-items: center; } #divIcontenido form, #divIcontenido input:not([type='checkbox']), #divIzquierda .botones li, #divIzquierda .botones a, #divIzquierda .botones button #divDcontenido form, #divDcontenido input:not([type='checkbox']), #divDerecha .botones li, #divDerecha .botones a, #divDerecha .botones button{ width: 100%; } #divContenido{ display: flex; margin: 0 auto; padding: 0px 0; max-width:1440px; width: 100%; gap: 24px; } #divCcentral{ margin:0 auto; width: 100%; } .blogRoll img{ width: 230px; margin:5px auto; text-align:center; } footer{ text-align:center; } @media (max-width: 768px) { #contenedor { gap: 0; } #divContenido{ flex-direction: column; order: 3; } #divIzquierda, #divDerecha, #divIcontenido, #divDcontenido{ width: 100%; } #divIcontenido > div, #divDcontenido > div{ display: none; } #divIzquierda{ order: 0; padding: 0 10px; } #divDerecha{ padding: 0 10px; order: 1; } #divCcentral{ order: 2; padding: 0 10px; } #pieweb{ order: 4; } }