Aleksey Solovyev

.parent {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3 - 10px), 1fr));
  gap: 10px; 
}

.newsletter__label::before {
  transition: background .2s ease-in;
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #3a173c;
  margin-bottom: .875rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=");
}

... {
  opacity: 0;
  scale: 0
}

const el = document.querySelector('.someClassName');
window.scrollTo(0, el.scrollHeight);

window.scrollTo(0, document.querySelector('.someClassName').scrollHeight);

.ch {
  background: red;
  position: relative;
  padding-top: 48%;/* или через calc -  157 / 321 * 100 */
  top: 50%;
  transform: translatey(-50%);
}

.image{
  width: 200px;
  height: 200px;
  border: 4px solid transparent;
  border-radius: 50%;
  background-image: linear-gradient(white, white), radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

li{
    border: 2px solid #ddd;
}
li:after {
    content: "";
    display: table;
    clear: both;
}

<li class="selected">
  <a href="javascript:void(0)" class="wr-tooltip" data-value="s-37%d0%bb">S<br>37Л</a>
</li>

span{
  display: inline-block  
}

• Слайдер
  
• Навигацию
  

<div class="siema">
  <div>Hi, I'm slide 1</div>
  <div>Hi, I'm slide 2</div>
  <div>Hi, I'm slide 3</div>
  <div>Hi, I'm slide 4</div>
</div>

<header>
    <section class="slider">
        <div class="slider__slide">  <!-- тут текст и картинка-->  </div>
        <div class="slider__slide">  <!-- тут текст и картинка-->  </div>
        <div class="slider__slide">  <!-- тут текст и картинка-->  </div>
        ....
    </section>
    
    <nav> <!--  тут меню  --> </nav>
</header>

header{
    position: relative;
    width: 100%;
    height: 100vh;
}
.slider{
    width: 100%;
    height: 100%;
}
.slider__slide{
    width: 100%;
    height: 100%;
    background: url() cover;
    .....
}


nav{
    position: absolute;
    top: 0;
}