DEV Community

Using calc() in CSS responsive design

Andrei Navumau on November 26, 2017

How to use calc() in css styling Last time I made a post about my struggle with responsive design and adding multiple breakpoints and doing a lo...
Collapse
 
mchl18 profile image
morefox

Another way of positioning these in a responsive manner would be flexbox in combination with margins:
css-tricks.com/snippets/css/a-guide-to-flexbox/

Collapse
 
mchl18 profile image
morefox

and not worry about calculating margins

Collapse
 
tyzia profile image
Andrei Navumau

Thank you, morefox. Flex - is a completely new thing for me, but I have already tried it out and I love, how simple is to code with flex.

Collapse
 
mchl18 profile image
morefox

there are also frameworks such as bulma.io and bootstrap v4 also uses flexbox, a tool that has been long awaited by frontend devs for solving the most simple layout and grid problems

Collapse
 
risyandi profile image
Risyandi

Nice, that very simple.

Collapse
 
askthepunkuzz profile image
Punkuzz

Short and simple.