Perohanych: Імпортовано 1 версія

2020-11-08T22:04:13Z

Імпортовано 1 версія

uk>Perohanych: Створена сторінка:

Responsive Four Column Layout with Flex

Resize the browser window to see the responsive effect. On screens that are 992px wide or l...

2020-10-09T17:56:04Z

Створена сторінка: <h2>Responsive Four Column Layout with Flex</h2> <p><strong>Resize the browser window to see the responsive effect.</strong> On screens that are 992px wide or l...

Нова сторінка

<h2>Responsive Four Column Layout with Flex</h2>
<p><strong>Resize the browser window to see the responsive effect.</strong> On screens that are 992px wide or less, the columns will resize from four columns to two columns. On screens that are 600px wide or less, the columns will stack on top of each other instead of next to eachother.</p>

<div class="row">
<div class="column" style="background-color:#aaa;">
<h2>Column 1</h2>
<p>Some text..</p>
</div>

<div class="column" style="background-color:#bbb;">
<h2>Column 2</h2>
<p>Some text..</p>
</div>

<div class="column" style="background-color:#ccc;">
<h2>Column 3</h2>
<p>Some text..</p>
</div>

<div class="column" style="background-color:#ddd;">
<h2>Column 4</h2>
<p>Some text..</p>
</div>
</div>

← Попередня версія	Версія за 22:04, 8 листопада 2020
(Немає відмінностей)

Тест - Історія редагувань

Perohanych: Імпортовано 1 версія

uk>Perohanych: Створена сторінка:

Responsive Four Column Layout with Flex