JSFiddle - React, Tailwind, and code Playground

by Victor Shcherbakov

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="css/styles.css">
  <meta charset="UTF-8">
  <title>1</title>
</head>
<body>
  <div class="wrapper">
      <div class="navbar">
          <a href="index.html"><img src="img/home.png" class="home"></a>
          <select class="select">
            <option>Москва</option>
            <option>Рязань</option>
          </select>
      </div>
  </div>
</body>
</html>

CSS

/*Default CSS*/
body {
  
}

.wrapper {
  height: 10000px;
  width: 100%;
}

.navbar {
    background-color: #4b72cd;
    width: 100%;
    height: 7%;
    position: fixed;
    margin-left: -8px;
    margin-top: -8px;
}

.home{
  margin-left: 20%;
  height: 100%;
  width: 4%;
}

.select {
  background-color: #4b72cd;
  color: #fff;
  border: 0;
  padding: 0;
  margin-left: 70px;
  position: absolute;
  margin-top: 8px;
}