Using Media Queries For Responsive Design In 2018 — Smashing Magazine


50 bookmarks. First posted by basemaly 19 days ago.


A lovely article by @rachelandrew on using the responsive aspects of Flex and Grid to achieve things that we often assume only Container Queries can do.
web  flexbox  grid  responsive  mediaqueries  publishtobuffer 
11 days ago by sonniesedge
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
css 
12 days ago by natelandau
In this CodePen, I have examples of flexible Multicol, Flexbox and Grid components, all which resize and change their layout according to the space available.…
from instapaper
14 days ago by adamlogic
You might not need so many of them!

Also, there are new interaction ones (coarse/fine pointers, hover capability)
css  layout  webdesign  rwd  grid 
15 days ago by leereamsnyder
good overview of modern-day best practices; asks do you need a media query at all?
css  klru-todo 
16 days ago by crankin
Using Media Queries For Responsive Design In 2018 via Instapaper http://ift.tt/2EI85Dk
IFTTT  Instapaper 
17 days ago by bishbashbosh
testing for hover and pointer types
css  rwd 
17 days ago by jshwlkr
Using Media Queries For Responsive Design In 2018
from twitter
17 days ago by nn
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
css  flexbox  grid  webdesign  webdevelopment  responsivedesign  mobileweb 
17 days ago by garrettc
Artículo que explica cómo hacer media-queries en 2018 ahora que hay flexbox y css grid
css  article  mediaquery  flexbox  responsive  cssgrid 
17 days ago by gorilas
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
fridayfrontend  css  grids  cssgrid  flexbox  layout  mediaqueries  responsive  rwd 
18 days ago by spaceninja
DON’T TARGET DEVICES, ADD BREAKPOINTS WHEN THE DESIGN BREAKS
css  responsive 
18 days ago by siggiarni
If you’ve ever made a layout with CSS, you probably know what BFC is. Understanding why it works and how to create one is useful and can help you to understand how layout works in CSS. Read a related article → Performance matters. via Pocket
read  pocket 
18 days ago by tricca
This article will take a look at the use of media queries for responsive design today, and also have a look at what is coming in the future.
css  responsive 
18 days ago by bloom
This article will take a look at the use of media queries for responsive design today, how they work alongside Flexbox and Grid Layout, and also have a look at what is coming in the future.
19 days ago by mfessler
In this CodePen, I have examples of flexible Multicol, Flexbox and Grid components, all which resize and change their layout according to the space available.…
from instapaper
19 days ago by elivz
If you’ve ever made a layout with CSS, you probably know what BFC is. Understanding why it works and how to create one is useful and can help you to understand how layout works in CSS. Read a related article → Performance matters. via Pocket
Pocket 
19 days ago by LaptopHeaven