Таблицы – мощный инструмент для представления данных. В этой теме мы подробно рассмотрим, как создавать таблицы, объединять ячейки и стилизовать их. <table border="1" cellspacing="0" cellpadding="10"> <tr> <th>Имя</th> <th>Возраст</th> <th>Город</th> </tr> <tr> <td>Анна</td> <td>25</td> <td>Москва</td> </tr> <tr> <td>Иван</td> <td>30</td> <td>Санкт-Петербург</td> </tr> </table> <table border="1"> ...

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