Сергей delphinpro

+:root {
+  --header-height: 56px;
+}

html, body {
  height: 100%;
}

#workspace {
  display: flex;
  min-height: 100%;
}

.content {
  display: flex;
  flex: 1 1 auto;
}

#header, #footer {
  display: flex;
- height: 56px;
+ height: var(--header-height);
}

#stretch-box {
  display: flex;
  flex: 1 1 auto;
}

#left-box {
  min-width: 300px;
}

#right-box {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  flex-flow: row wrap;
  //height: 100vh;
+ height: calc(100vh - var(--header-height) * 2);
  overflow: auto;
  justify-content: space-evenly;
}

.swiper-block {
   overflow: hidden;
-  padding-top: 40px;
+  padding: 40px 1px 1px;
   position: relative;
}

.grid-box {
    grid-template-columns: 1fr 1fr 1fr;
    display: grid;
+    grid-gap: 20px;
}
-.grid-box > div {
-    padding: 20px;
-}