CSS Grid

Сітка CSS

Прижатий підвал, 5 способів

Оригінал: css-tricks.com/couple-takes-sticky-footer

Переклад: Влад Мержевич

Коротка історія, якщо хочете.

Суть прижатого підвалу полягає в тому, що він «прилипає» до нижньої частини вікна браузера. Але не завжди; якщо на сторінці достатньо вмісту, щоб зсунути підвал вниз, то це буде зроблено. Якщо вмісту на сторінці мало, тоді підвал прилягатиме до нижньої частини вікна браузера.

CSS Grid і Flexbox: порівняння на практиці

Оригінал: http://tutorialzine.com/2017/03/css-grid-vs-flexbox/

Переклад: Влад Мержевич

Ще недавно макет для всіх сторінок HTML версталося за допомогою таблиць, float та інших властивостей CSS, які не дуже підходять для стилізації складних веб-сторінок.

Потім з'явився Flexbox — режим верстки, який був спеціально розроблений для створення надійних адаптивних сторінок. Flexbox спростило правильне вирівнювання елементів та їх вмісту і тепер є вибраною системою CSS для більшості веб-розробників.

Але зараз у нас є новий претендент на титул «кращої системи для верстки макетів HTML» (назва титулу ще у процесі розробки). Це CSS Grid і незабаром ця система буде доступна у браузерах Firefox 52 та Chrome 57, а невдовзі, як я сподіваюся, і в інших браузерах.

SEO текст: Навчіться використовувати CSS Grid та Flexbox для створення адаптивних веб-сторінок. Порівняйте їх переваги та виберіть найкращий підхід для вашого проекту.

Часті запитання