The Wandering Shop

1 post1 participant0 posts today

Ana Tudor 🐯Here's a quick responsive clover layout on <a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@codepen</a> <a href="https://codepen.io/thebabydino/pen/RNwmjEQ?editors=0100" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://codepen.io/thebabydino/pen/RNwmjEQ?editors=0100</a><a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#layout</a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssLayout</a> <a href="https://mastodon.social/tags/containerQuery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#containerQuery</a> <a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#cssGrid</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#coding</a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#web</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#dev</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDevelopment</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#frontend</a>

David O'BrienThis is a nice approach to <a href="https://mastodon.scot/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mastodon.scot/tags/tables" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tables</a> in <a href="https://mastodon.scot/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#HTML</a> from the BBC<a href="https://www.bbc.co.uk/sport/football/scottish-championship/table" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://www.bbc.co.uk/sport/football/scottish-championship/table</a>At wider screen sizes, you see the whole thing. Narrower screen sizes have a 'freeze columns' Excel-type effect.I haven't tested it with ATs myself, I assume they have ;)<a href="https://mastodon.scot/tags/A11y" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#A11y</a> <a href="https://mastodon.scot/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Accessibility</a>

Ultra VerifiedPro Tip for conservatives who are confused. Praying to <a href="https://mastodon.sdf.org/tags/god" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#god</a> or <a href="https://mastodon.sdf.org/tags/trump" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#trump</a> or <a href="https://mastodon.sdf.org/tags/republicans" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#republicans</a> to save you from <a href="https://mastodon.sdf.org/tags/floods" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#floods</a>, <a href="https://mastodon.sdf.org/tags/wildfires" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wildfires</a>, <a href="https://mastodon.sdf.org/tags/tornadoes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#tornadoes</a>, <a href="https://mastodon.sdf.org/tags/disease" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#disease</a> doesn't work.<a href="https://mastodon.sdf.org/tags/science" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#science</a> <a href="https://mastodon.sdf.org/tags/knowledge" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#knowledge</a> and a <a href="https://mastodon.sdf.org/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mastodon.sdf.org/tags/government" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#government</a> that actually cares about your health and welfare is the way a <a href="https://mastodon.sdf.org/tags/civilized" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#civilized</a> society responds to threats against you and your loved ones.

Claudio PiresSalon WordPress theme - Beauty services responsive website builder <a href="https://visualmodo.com/theme/salon-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://visualmodo.com/theme/salon-wordpress-theme/</a> A handcrafted Beauty Salon WordPress Theme for hair salons, wellness center, yoga/meditation classes, and all other healthcare businesses. The visual and conceptual aesthetics are focused on a classy and elegant presentation. 💄💇‍♂️✂️💇‍♀️ <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mastodon.social/tags/Theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Theme</a> <a href="https://mastodon.social/tags/Salon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Salon</a> <a href="https://mastodon.social/tags/Beauty" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Beauty</a> <a href="https://mastodon.social/tags/Services" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Services</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Template</a> <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Responsive</a> <a href="https://mastodon.social/tags/Yoga" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Yoga</a> <a href="https://mastodon.social/tags/Spa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Spa</a> <a href="https://mastodon.social/tags/Hair" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Hair</a> <a href="https://mastodon.social/tags/PageBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PageBuilder</a> <a href="https://mastodon.social/tags/Plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Plugins</a>

Claudio PiresPhotography WordPress theme is a responsive clean and minimal theme for photographer creative portfolio websites. Built with the latest WordPress technology. Photography support responsive layouts so it looks great on all devices. It has predefined styling for photographer, creative designer, design agency and much more <a href="https://visualmodo.com/theme/photography-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://visualmodo.com/theme/photography-wordpress-theme/</a> 📷🖼️📹🏞️🎞️ <a href="https://mastodon.social/tags/Photography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Photography</a> <a href="https://mastodon.social/tags/Portfolio" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Portfolio</a> <a href="https://mastodon.social/tags/Gallery" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Gallery</a> <a href="https://mastodon.social/tags/WordPress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WordPress</a> <a href="https://mastodon.social/tags/Theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Theme</a> <a href="https://mastodon.social/tags/Templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Templates</a> <a href="https://mastodon.social/tags/Plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Plugins</a> <a href="https://mastodon.social/tags/PageBuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#PageBuilder</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/Responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#Responsive</a>

Claudio PiresFitness WordPress theme <a href="https://visualmodo.com/theme/fitness-wordpress-theme/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://visualmodo.com/theme/fitness-wordpress-theme/</a> premium fitness WordPress theme specially developed for sportive site styles, if you want to build a gym. CrossFit, health. Fitness, sports team, or any other fit site design, this is the right template for you! ⛹️‍♀️🏊‍♂️🚴‍♂️🏆🏋️‍♀️ <a href="https://mastodon.social/tags/webdesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#webdesign</a> <a href="https://mastodon.social/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#template</a> <a href="https://mastodon.social/tags/plugins" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#plugins</a> <a href="https://mastodon.social/tags/theme" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#theme</a> <a href="https://mastodon.social/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#wordpress</a> <a href="https://mastodon.social/tags/fitness" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fitness</a> <a href="https://mastodon.social/tags/health" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#health</a> <a href="https://mastodon.social/tags/sport" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#sport</a> <a href="https://mastodon.social/tags/gym" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#gym</a> <a href="https://mastodon.social/tags/pagebuilder" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#pagebuilder</a> <a href="https://mastodon.social/tags/responsive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#responsive</a> <a href="https://mastodon.social/tags/website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#website</a> <a href="https://mastodon.social/tags/workout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#workout</a> <a href="https://mastodon.social/tags/athletes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#athletes</a> <a href="https://mastodon.social/tags/crossfit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#crossfit</a> <a href="https://mastodon.social/tags/spa" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#spa</a>

Kagan MacTane (he/him)If you are designing or coding for "phone, tablet, and desktop" breakpoints, you are not really being responsive. It's very likely people can get your "tablet" view on a larger phone - especially if they turn it sideways!Really, just design for "narrow, medium, and wide" - and *don't* make any assumptions about which ones have touch screens and which ones don't! (My last two 1920x1080 laptops have had touchscreens!) <a href="https://wandering.shop/tags/responsive" class="mention hashtag" rel="tag">#responsive</a> <a href="https://wandering.shop/tags/WebDesign" class="mention hashtag" rel="tag">#WebDesign</a> <a href="https://wandering.shop/tags/WebDevelopment" class="mention hashtag" rel="tag">#WebDevelopment</a> <a href="https://wandering.shop/tags/WebDev" class="mention hashtag" rel="tag">#WebDev</a>

Recent searches

Search options

Administered by:

Server stats:

#responsive