Useful & Responsive Layouts, no Media Queries required
About
No channel description available.
Latest Posts
Video Description
Conquering responsive layouts: https://courses.kevinpowell.co/conquering-responsive-layouts Hereβs 5 quick responsive layouts that you can use, without any media queries! Thereβs nothing wrong with media queries, and we still need them sometimes, but these can be really handy in the right situation! π Links β Netflix scroller: https://youtu.be/b--q6Fsf_cA β Every Layout: https://every-layout.dev/ β Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts β Timestamps 00:00 - Introduction 00:13 - The Cluster 01:10 - Nothing wrong with media queries 01:47 - Auto-grid 03:00 - Flexible grid 03:33 - Reel 05:41 - Do you struggle with responsive layouts? 06:12 - Main with sidebar #css -- Come hang out with other dev's in my Discord Community π¬ https://discord.gg/nTYCvrK Keep up to date with everything I'm up to β https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! πΊ https://www.twitch.tv/kevinpowellcss --- Help support my channel π¨βπ Get a course: https://www.kevinpowell.co/courses π Buy a shirt: https://teespring.com/stores/making-the-internet-awesome π Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!
You May Also Like
Upgrade Your Tech Today!
AI-recommended products based on this video

FNTCASE for iPhone 12 Clear Case: for iPhone 12 Pro Case Magnetic Military Grade Drop Protection Anti Yellowing Cell Phone Cover - Rugged Durable Shockproof Protective Bumper (Clear) Global Recycled Standard

Phone Case for iPhone 12 Pro Max Case Compatible with MagSafe, YUANDMI Case for iPhone 12 Pro Max Magnetic Slim Thin Translucent Matte Back Shockproof Anti-Yellow Protective Cover Case Black

FNTCASE for iPhone 12 Pro Case: iPhone Magnetic Military Grade Drop Protection Clear Cell Phone Case - Rugged Durable Shockproof Anti Yellowing Slim Cases for iPhone 12 Pro (Clear)

DUEDUE for iPhone 12 Case iPhone 12 Pro Case Liquid Silicone Slim Cover with Microfiber Lining Shockproof Protective Case for iPhone 12/12 Pro 6.1 inch Light Purple

USB C Cable 6ft Type C Charger Cable 3.1A Fast Charging Nylon Braided USB A to USB C Charge Cord for Samsung Galaxy S25 S24 S23 S22 S21 S20 A12 A13 A14 A15 A16 A32 A53 5G Android Phone Tablet PS5 LG

45W Super Fast Charger USBC Charger, 2Pack 10FT Samsung Charger Fast Charging Cord Cable& Samsung Type C Charger Block for Galaxy S25 S24 S23 S22 S21 Ultra/Plus, Tab S10 S9 S8 S7,iPad,Android Phone

Wireless Charger for Samsung - NANAMI 3 in 1 Charging Station for Multiple Devices,Fast Charger Stand Dock for Galaxy S25 S24 S23 Ultra S22 S21 S20 Z Flip Fold,Galaxy Watch 5/5 Pro/4/3,Galaxy Buds Pro

INIU 45W Power Bank, Ultra Small 10000mAh Portable Charger, USB C in&Out Fast Charging Battery Pack, Travel External Phone Powerbank Compatible with iPhone 16 15 Samsung S25 S24 Google Pixel iPad etc

Car Carplay Woven Cable for iPhone 16 15 3.3FT USB A to USB C 3.2 Gen 2 Carplay Adapter Wire for iPhone 16 15 Pro Max, iPad Pro/Air, Samsung Galaxy S25/S24/S23/S22/S21 Google Pixel, Car Charger Cable

Google Pixel Buds Pro 2 - Noise Canceling Earbuds - Up to 31 Hour Battery Life with Charging Case - Bluetooth Headphones - Compatible with Android - Hazel
![TORRAS 12FT Military-Grade Shatterproof for Samsung Galaxy S25 Ultra Screen Protector [9H+ Aerospace Tempered GlassοΌ One-Pull Installation] Fingerprint Full Coverage Fit Bubble Free 6.8β³ GlassGo X](https://m.media-amazon.com/images/I/71Sef3FnunL._AC_UL960_FMwebp_QL65_.jpg)
TORRAS 12FT Military-Grade Shatterproof for Samsung Galaxy S25 Ultra Screen Protector [9H+ Aerospace Tempered GlassοΌ One-Pull Installation] Fingerprint Full Coverage Fit Bubble Free 6.8β³ GlassGo X
![TORRAS 12FT Military-Grade Shatterproof for Samsung Galaxy S25 Plus / S25+ Screen Protector [9H+ Aerospace Tempered GlassοΌ One-Pull Installation] Full Coverage Fit Bubble Free 6.7β³ GlassGo X](https://m.media-amazon.com/images/I/71HG-cFzV1L._AC_UL960_FMwebp_QL65_.jpg)
TORRAS 12FT Military-Grade Shatterproof for Samsung Galaxy S25 Plus / S25+ Screen Protector [9H+ Aerospace Tempered GlassοΌ One-Pull Installation] Full Coverage Fit Bubble Free 6.7β³ GlassGo X
![[3+3 Pack] for Samsung Galaxy S26 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S26 Tempered Glass Screen Protector 5G](https://m.media-amazon.com/images/I/71fBNpw7yNL._AC_UL960_QL65_.jpg)
[3+3 Pack] for Samsung Galaxy S26 Screen Protector, 9H Tempered Glass, Ultrasonic Fingerprint Compatible, HD Clear Case Friendly for Samsung S26 Tempered Glass Screen Protector 5G

TOCOL for Samsung Galaxy S26 Ultra Screen Protector Military Grade Shatterproof HD Tempered Glass Easy Installation Case Friendly 2 Packs Global Recycled Standard

LK 3 Pack for Top 9H+ Samsung Galaxy S26 Ultra Screen Protector, 12FT Military Grade Shatterproof Tempered Glass Screen Protector S26 Ultra with Easy Install Frame, 0 Bubble, Fingerprint Unlock
![[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector](https://m.media-amazon.com/images/I/711SFOVLssL._AC_UL960_FMwebp_QL65_.jpg)
[3+3 Pack] Glass Screen Protector for Samsung Galaxy S25 FE 5G, 9H Tempered Glass, Ultrasonic Fingerprint Unlock, HD Clear Case Friendly for Samsung Galaxy S25 FE Screen Protector
![GuaGua Magnetic Case for iPhone 7 & iPhone 8 & iPhone SE 2022/2020 [Compatible with Magsafe] Translucent Matte Back Slim Thin Anti- Scratch Shockproof Protective Phone Cases for iPhone 8/7/SE-Black](https://m.media-amazon.com/images/I/61+L8Wb39SL._AC_UL960_FMwebp_QL65_.jpg)
GuaGua Magnetic Case for iPhone 7 & iPhone 8 & iPhone SE 2022/2020 [Compatible with Magsafe] Translucent Matte Back Slim Thin Anti- Scratch Shockproof Protective Phone Cases for iPhone 8/7/SE-Black
![Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)](https://m.media-amazon.com/images/I/71N7xhCJnoL._AC_UL960_FMwebp_QL65_.jpg)
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)

INIU 45W Power Bank, Ultra Small 10000mAh Portable Charger, USB C in&Out Fast Charging Battery Pack, Travel External Phone Powerbank Compatible with iPhone 16 15 Samsung S25 S24 Google Pixel iPad etc

Car Carplay Woven Cable for iPhone 16 15 3.3FT USB A to USB C 3.2 Gen 2 Carplay Adapter Wire for iPhone 16 15 Pro Max, iPad Pro/Air, Samsung Galaxy S25/S24/S23/S22/S21 Google Pixel, Car Charger Cable

Google Pixel Buds Pro 2 - Noise Canceling Earbuds - Up to 31 Hour Battery Life with Charging Case - Bluetooth Headphones - Compatible with Android - Hazel

SmallRig ZV-E1 Camera Baseplate for Sony ZV-E1, Built-in Cold Shoe Mount and QR Plate (for Arca) Quick Switch Between Tripod and Stabilizer for DJI RS 2 / RSC 2 / RS 3 / RS 3 Pro - 4314

95MM T129215SU Cooling Fan for ASUS ROG Strix for GeForce RTX 3060 3070 3080 3090 Ti Graphics Card CF1010U12S/D T129215BU(Black A-Fan T12)

ASUS ROG Strix G16 Gaming Laptop, GeForce RTX 5070 Ti 12GB GDDR7, AMD Ryzen 9 8940HX, 64GB DDR5, 2TB SSD, Backlit Keyboard, Wi-Fi 6E, 16" WUXGA 165Hz Display, Win 11, Gray, 1TB Docking Station Set

ASUS ROG Strix G16 (2024) Gaming Laptop, 16β 16:10 FHD+ 165Hz, GeForce RTX 4060, Intel Core i7-13650HX, 16GB DDR5, 1TB PCIe SSD, Wi-Fi 6E, Windows 11, G614JV-AS71-CA




















