А как обычно делают на сайтах? Посмотрите и делайте так же. Подсказка: тупо оберните элемент в тег <a> — и всё.
Если это прямая обёртка элементов внутри или если разваливается вёрстка, то надо будет в CSS поставить нужный display (block, inline-block, flex и т. п.) для этого тега.
iminby, ширина общая может быть любой. Ширина контентной области есть? Он может быть резиновым, но без макета сложно сказать.
Покажите макет, словом. Тогда будет можно сказать, правильный ли он. Возможно, решили делать в двойном разрешении с какого-то хрена и т. п. Возможно, просто дизайнер ничего не понимает в этом деле и т. п.
Пока что я понимаю так, что макет сделан крайне неверно.
На все. От 320px, ибо это минимум. 375px — ширина iPhone 6, 6S, 7, 8, X, XS. В районе 360px — ширина viewport стандартного Android-телефона. Поэтому у меня контрольная ширина именно 360px.
Но это не говорит о том, что я делаю под 360px. Адаптивность — это диапазоны. Там нет такого, что чётко 320px или 375px.
Никита Гарейшин, под чувством прекрасного я не имею в виду цвета кнопок. Я о том чувстве, что в процессе изучения, тестировани, проектирования и т. д. позволяет не идти заранее неверным путём.
Это что-то типа 6-го чувства для дизайнера, UX-инженера и т. п.
И оно тоже развивается путём практики вне зависимости от того, дано вам это от природы или нет.
Первое что развивать — чувство прекрасного, с этим есть проблемы. Курсы и методы хорошо, но без вашего чутья они есть ничто.
Начните с копирования текущих интерфейсов известных сервисов и т. п. Попробуйте понять, что в них делать удобно, а что нет. Попытайтесь представить, что можно исправить и каким способом.
Поскольку я довольно таки слабоват в работе с wordpress , то будьте любезны разжевать решение так , чтоб даже самый глупый человек понял.
Это не вопрос не к WordPress, а к вёрстке. Вам скинуть ссылку на учебник по вёрстке, где всё как раз разжёвывается? Навряд ли кто-то будет тут писать ответ с пояснениями на несколько страниц. Это задание больше, чем вопрос.
PDF сам по себе — это как картинка. Если PDF сделан нормально и текст в нём — это именно текст, то некоторые программы имеют режим подгонки текст под экраны, который ломает разметку PDF, но делает то, что вы хотите.
Через CSS и HTML вы это не сделаете. Возможно, есть JS-плагины для отображения PDF, у которых есть оная функция.
Там ещё координаты можно через calc() задавать, чтобы задавать на точное значение скос в пикселях, например. Чтобы совмещать разные секции с точностью до пикселя.
<a>— и всё.Если это прямая обёртка элементов внутри или если разваливается вёрстка, то надо будет в CSS поставить нужный display (block, inline-block, flex и т. п.) для этого тега.