Привет! Решил начать вести еще и Яндекс.Дзен. И начну его вести с самой популярной статьи в своем блоге - о создании адаптивной таблицы на css. В наше время таблицы, слава богу, используются довольно редко. Но там, где в макете реально таблица - конечно нужно использовать ее. И сегодня я покажу, как именно сделать ее адаптивной на телефонах\маленьких планшетах. Хотя там вы сможете уже для себя подстроить как хотите данный метод. Итак, для начала создаем разметку. Она вполне себе тривиальная (не переживайте если не очень хорошо ее видно - в конце статьи будет ссылка на codepen)...

У большинства начинающих верстальщиков работа с таблицами вызывает определенный страх и кажется очень сложной. На самом деле, в таблицах и работе с ними нет ничего сложного, главное разбираться с ними постепенно и по порядку, чтоб не получилась каша в голове. Первое, что я хочу прояснить – это принцип построения таблицы в html что называется «на пальцах». На первом шаге создаем некий контейнер, который будет содержать всю нашу таблицу. Вторым шагом создаем в этом контейнере строки таблицы. Третьим шагом является создание ячеек таблицы в каждой строке. Теперь перейдем к практике на html. К примеру, нам необходимо создать простую таблицу 5 на 5...