¿Es posible ocultar parte de un diseño web adaptativo en pantallas más pequeñas?

Esta es la página de noticias de mi primer sitio web adaptable.

ingrese la descripción de la imagen aquí

Se muestra la altura completa (también se incluye la parte de desplazamiento hacia abajo).

Las secciones de terracota en la línea horizontal son para colocar imágenes de noticias y quiero ocultar esa sección en la versión adaptada para dispositivos móviles.

¿Es posible o puede costar trabajo adicional para los desarrolladores?

Escribí un artículo sobre el tema del diseño receptivo que puede ser útil para usted. Esta pregunta es demasiado amplia. Si tiene preguntas específicas sobre su diseño, actualice su pregunta para incluirlas
En primer lugar, el término es receptivo, no adaptativo. En segundo lugar, sí, esto es muy posible. Si desea ocultar ciertos elementos en diferentes resoluciones de pantalla, deberá usar Media Queries en su CSS y agregar la propiedad display: none;
En primer lugar, gracias por la respuesta, en segundo lugar, déjeme decirle que "Adaptable", como mencioné en mi pregunta, significa que el sitio web se adapta al tamaño de la pantalla en tiempo real, y "Responsivo", como me corrigió, es un sitio web. enfoque de diseño para hacer que el sitio sea adaptable =)
Hola Sonique, edité el título de la pregunta para reflejar mejor lo que creo que estás preguntando. Si me equivoco, ¡no dude en revertir o mejorar mis ediciones !

Respuestas (1)

Esto debería ser posible con cierta facilidad si instruye a su desarrollador web con precisión. Tendrán que darle a la barra un determinado nombre classe incluir una consulta de medios para ocultarla en pantallas más pequeñas.

Por ejemplo:

html

<div class="foo">
    <div class="bar-element">
    ...
    </div>
    <div class="bar-element">
    ...
    </div>
    ...
</div>

CSS:

@media only all and (max-width: 660px) {
    .foo {
    display: none;
    }
}