Просто сверстай кнопку с иконкой, не надо пикселперфект и пр., затем поменяй состояния при наведении (не надо моушен дизайн), затем блокируй эту кнопку с помощью js при определенных событиях, затем при нажатии на кнопку отправляй данные, затем при получении ответа меняй внешний вид кнопки затем ......
.main_container {
display: flex;
}
остальную ересь убить. inline-block точно не для этого случая. Кнопки имеют очень маленький контраст. это хреново для ux
input type="button" - это скорее всего ссылки должны быть. возможно js их будет переопределять, но при потере функционала я должен иметь возможность перейти в раздел мужской одежды к примеру.
Вопрос, я могу просто свою верстку выложить на хостинг настроить кеширование через .htaccess и все? сайт будет работать и в дальнейшем не возникнут проблемы/трудности ?
можно даже не кешировать вообще. Проблем точно не будет. Особенно если все сверстано нормально и не грузятся картинки по 5 Мбайт. на предупреждения pagespeed иногда можно забивать, если знаешь что делаешь.
мне сказали что кэширование делается в ручную ОЧЕНЬ тяжело
рисуешь на новом слое радиальный градиент можно цветной можно белый
можно просто нарисовать круг и разблюрить
далее подбираешь режим наложения слоя
затем подбираешь прозрачность слоя.
ну и как финиш можно поискажать форму блика через трансформ
есть куча уроков как накладывать блики
