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

В этой статье Практики HTML, мы познакомимся с тремя техниками центрирования блока Margin+width Этот фокус позволяет центрировать блок заранее определённой ширины, независимо от ширины экрана. Кроме того, если использовать max-width вместо width, то, даже если размер экрана пользователя окажется меньше ширины этого блока, то блок не выйдет за границы экрана, а будет равен ширине экрана. Это весьма распространенная практика. Техника проста: margin: 0 auto; max-width: 500px; и ваш блок (именно блочный элемент, а не строчный) окажется ровно в центре страницы...