JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="s.css" >
	<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,800&display=swap" rel="stylesheet">
	<title>Рукоделие</title>
</head>
<body>
	<header>
		<div id="logo">
			<a href="index.html" title="Рукоделие"><img src="https://sun9-55.userapi.com/impg/u1qw9pa5lxpNSoxR04wgVilesMXrXi5tgwqusw/XYtbYwTep24.jpg?size=254x58&quality=96&sign=19918975ac0c66774208baf55307cf65&type=album"></a>
			<div class="navigation">
    <ul>
                <li><a href="#">Главная</a></li>
                <li><a href="about.html">О нас</a></li>
                <li><a href="#">Контакты</a></li>
                <li><a>+7 (904) 082-22-21</a></li>
            </ul>
	</header>
	<div class="container">
              <div class="row">
                <div class="swiper-container">
                  <div class="block">
                    <img src="https://sun9-6.userapi.com/impg/MaP9ZSfgvJ2nwQviTEhA5K34JJrYCTR7l6JH8Q/Cw2UAo0h43c.jpg?size=1141x287&quality=96&sign=57b67c77211f6a805c080fee5d2b9d77&type=album" alt="">
                    <div class="Info-slider">
                    <h2>Все товары делаются в ручную</h2>
                    <p>Бесплатная доставка по Москве от 5000 руб.</p>
                    <a href="">Заказать</a> 
          </div>
        </div>
<div class="info-center">
    <h2>Все товары</h2>
</div>
</div>
<div class="row">
                <div class="swiper-container"> 
          <div class="card-deck">
  <div class="card">
    <img class="card-img-top" src="https://sun9-63.userapi.com/impg/4O4R8Y7Pv5Z43bU4JNy9_HI-D2nRgIBX6yzpag/CnbTokTe6_s.jpg?size=614x771&quality=96&sign=4a8b70a73fbce2ff9b3dd2bef64efa88&type=album" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Олень Рудольф</h5>
      <p class="card-text">Олень сшит из...

CSS

@import url('https://fonts.googleapis.com/css2?family=Neucha&display=swap');


* {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Neucha', cursive;
}