# Thinking About The In-between Design Cases

DevFeed: [Thinking About The In-between Design Cases](<https://devfeed.tech/articles/thinking-about-the-in-between-design-cases-45337.md>)

Original publisher: [Read original article](<https://ishadeed.com/article/in-between/>)

Author: Ahmad Shadeed

Published: 2020-05-19T00:00:00Z

Content type: article

Language: en

Sources: [Ahmad Shadeed](<https://devfeed.tech/sources/ahmad-shadeed.md>)

Topics: [Media Queries](<https://devfeed.tech/topics/media-queries.md>), [web design](<https://devfeed.tech/topics/web-design.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [Bootstrap](<https://devfeed.tech/topics/bootstrap.md>)

Tags: [bootstrap](<https://devfeed.tech/tags/bootstrap.md>), [css](<https://devfeed.tech/tags/css.md>), [design](<https://devfeed.tech/tags/design.md>), [developer](<https://devfeed.tech/tags/developer.md>), [in-between](<https://devfeed.tech/tags/in-between.md>), [media-queries](<https://devfeed.tech/tags/media-queries.md>), [responsive](<https://devfeed.tech/tags/responsive.md>), [responsive-web-design](<https://devfeed.tech/tags/responsive-web-design.md>)

## AI overview

This article explains how responsive web designs can fail at screen sizes between mobile, tablet, and desktop breakpoints. It examines overly wide components, awkward footer wrapping, and excessive text width, and identifies media-query and container-width choices as contributing factors.

## Source excerpt

Often times, we forget about the in-between design variation, and we end up with a component or section being too wide or narrow.