How to implement 3 rubber block with fixed indentation?


Warning: count(): Parameter must be an array or an object that implements Countable in /home/styllloz/public_html/qa-theme/donut-theme/qa-donut-layer.php on line 274
0 like 0 dislike
13 views
In General, faced with such a problem when coding a responsive site. The width of the website floats in the range from 320 to 1600px. There are 3 blocks. It is necessary that these blocks took the entire allotted area and thus have the same width(auto) and spacing(30px). When you reduce the window size the blocks should be compressed in width, and margins remain unchanged.

Implementation without a flexbox'.

Need Your help, dear friends! I would be very grateful if you help!

5ae6c6a2c3e34738396362.png5ae6c6a917e58228635939.png
by | 13 views

1 Answer

0 like 0 dislike
.row { margin: 0 -15px; } .row:after { content: ""; display: table; clear: both; } .col { float: left; width: 33.33333%; padding: 0 15px; }


\r\rdiv1\r\r\rdiv2\r\r\rdiv3\r\r

where .your-blue-div - your unit.
by

Related questions

0 like 0 dislike
3 answers
0 like 0 dislike
2 answers
0 like 0 dislike
4 answers
0 like 0 dislike
4 answers
0 like 0 dislike
3 answers
110,608 questions
257,187 answers
0 comments
40,796 users