Как стать автором
Обновить

Задачка на тему CSS

Время на прочтение1 мин
Количество просмотров1.2K
Хочу предложить решить задачку на тему использования CSS для компоновки блоков. Имея следующую разметку, напишите CSS-код, который позволил бы получить компоновку представленную на картинке. Требования: используется только CSS, не использовать абсолютное позиционирование, компоновка должна быть резиновой, вопросом поддержки устаревших браузеров можно пренебречь.

Код:
<div id="grid">
    <div id="A">A</div>
    <div id="B">B</div>
    <div id="C">C</div>
    <div id="D">D</div>
    <div id="E">E</div>
</div>

Требуемый результат:
image

Оригинальное решение будет представлено завтра или раньше, если кто-нибудь напишет о нем в комментариях.

PS: решение представлено здесь habrahabr.ru/blogs/css/109276
Теги:
Хабы:
Всего голосов 68: ↑48 и ↓20+28
Комментарии120

Публикации

Истории

Ближайшие события

25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань