@begemot_nn да можно сверстать чем угодно, списками, дивами, спанами или тем. что больше подходит с точки зрения семантики, но только на сегодня, так уж устоялось, что в таблицах должны быть ТОЛЬКО табличные данные (например таблица удельной тепло-проводимости в зависимости от среды). Использовать таблицы для оформительских целей сегодня считается дурным тоном и каменным веком web-а
Во первых: Зачем верстать не табличные данные таблицами?
Во вторых: Как вы сделаете отступы только справа и слева у ячеек таблицы?
В третьих: Верстка таблицами по объему будет больше и сложнее в поддержке
В четвертых: Верстка таблицами на данный момент не актуальна
У вас есть что мне возразить по вышеперечисленному?
И посмотрите на код, там только один div - обвертка, а внутри маркированный список. Так будет семантически более правильно, чем все запихивать в таблицу.
@iiil В примере выше, я написал о идее разделить визуальную составляющую кнопки от позиционирования, с последующим использованием визуальной составляющей в других формах.
И да, с вами соглашусь по поводу наименования классов. Лучше использовать следующую логику при названии классов: "тип элемента-что он делает[-где это делает]", например button-submit или button-apply-item-filter
Да, вы меня правильно поняли.
Также можно дополнительно сделать проверку. Если например, у вас картинка больше 600 пикселей по высоте, то указываем ей высоту 600px и ширину auto. Так браузер сам уменьшит ее по высоте до 600 пикселей с сохранением пропорций. Если же изображение по высоте меньше 600 пикселей, для примера 400, то указываем изображению его родное значение высоты 400px и задаем отступ сверху (600-400)/2 = 100px. Тем самым центруя изображение в блоке.
Если все изображения одинаковой высоты, то задаете блоку эту высоту и вообще не паритесь, чтобы что-то там прыгало. Если изображения разной высоты, то опятьже задаете блоку определенную высоту (например 200px), а картинкам width: auto; height: 200px; и они будут масштабироваться под высоту 200 пикселей.
Для портфолио подойдет все, что не стыдно показать. Не важно завершена работа или нет, реальный заказ или вы какой-то урок выполнили (как вариант - новую технологию опробывали). Важно показать навыки и умения! Со временем, портфолио наполнится таким образом работами и вы сможете убрать лишнее (не актуальное) и оставить в портфолио только те работы, которыми можете гордиться