Ютуб

Да вот я по ютубу и делаю, но что-то не работает

Коллеги, привет. Начал погружаться в CSS Grid Layout.
Могли бы вы помочь с задачей?
Есть контейнер, в котором два дочерних элемента. Нужно чтобы первый элемент был на 100% экрана устройства и когда скролишь — было видно второй.
height: 100% не подходит, потому что в safari iOS появляется скролл

Хочешь, что бы по скроллу полностью второй показался?

ну по мере скрола

не one-page scroll это должен быть

тю, так я сам себе противоречить начал

Так и в чём задача? Просто убрать скролл?

height:100% подходит и grid не нужен. второй блок просто будет скрыт. Все, сорри

Но теперь мне стало интересно, как решить это с помощью CSS Grid.
Чтобы первый блок занимал 100% высоты экрана и вытеснял второй за пределы (пока не начнешь скролить)

100vh не сработает ?

gridTemplateRows:100vh 1fr

Народ, подскажите, что это за контрол, который в таком виде представляет тег code?

Гугли вещи в духе highlight.js

Ребят, такая проблема.
Не могу додуматься как правильно сделать  в WordPress
Есть два вида карточки товара :
Для распродажи и обычная.
Мне выводить их по категориям. Я сделал два цикла проверки рубрик, так как эти две карточки отличаются друг от друга, таким кодом
<?php if(is_category()){
                 $cat_slug = get_queried_object() -> slug;
               }
               ?>
               <?php
$posts = get_posts( array(
 'numberposts' => 0,
 'category_name'    =>$cat_slug,
 'include'     => array(),
 'exclude'     => array(),
 'post_type'   => 'post',
 'suppress_filters' => true, // подавление работы фильтров изменения SQL запроса
) );

foreach( $posts as $post ){
 setup_postdata($post);
 ?>

Они естественно дублируются.
Как мне сделать один цикл но для двух разных карточек?
Извиняюсь если непонятно, впервые сталкиваюсь с WP

Парни, напомните, пожалуйста, как делается плейсхолдер, который уезжает наверх, если инпут в фокусе?

span абсолют от инпута

Спасибо, слеплю лейбл вместо спана.

никак не найду видео, там подробно все показано