По этому, в принципе, у меня вопросов нет, но если найдутся какие-либо соображения и замечания - готов выслушать.
есть ли в этом смысл?
Как сверстать разные типы страниц Wordpress?
get_footer/get_header
используя аргумент $name
, e.g. если в папке с темой есть footer-foo.php, то get_footer('foo');
заинклюдит этот подвал, а не footer.php .img {
width: 400px;
height: 400px;
object-fit: cover;
object-position: center;
}
.wrapper {
width: 400px;
height: 400px;
border-radius: 50%;
overflow: hidden;
}
.img {
transform: translateX(-100px);
}
const $square = $('.seat path')
const boundingBox = $square[0].getBBox()
const xCenter = (boundingBox.width / 2) + boundingBox.x
const yCenter = (boundingBox.height / 2) + boundingBox.y
$square.css('transform-origin', `${xCenter}px ${yCenter}px`)
transform-origin: 50% 50%;
спасло бы ситуацию, однако для частей SVG, насколько я знаю, transform-origin считается от всего <svg>
элемента, а не от самого элемента на котором он применен, поэтому верные значения надо высчитать с помощью JS или заинлайнить. На десктопе я сделал его с двух частей через p, второму p дал text-align: right и добавил разделитель через ::before.
p.s доп. вопрос: "когда адаптируешь макет, то достаточно пройтись по основным точкам 1200px,. 992px и т.д. или нужно чтобы везде все было идеально?"
@media
не соответствующих заранее определенным брейкпоинтам (хотя есть исключения). <header><nav></nav></header>
<main>
<section class="hero"><h1></h1></section>
</main>
<header>
<nav></nav>
<section class="hero">
<h1></h1>
</section>
</header>