Sergey

#container {
    width: 800px;
    margin: 0 auto;
}

main {
  float: left;
  margin left: 200px;
  width: 600px;
}

header{
    background-color: #c0c0c0;
}

aside {
    background-color: #ff8040;
    width: 200px;
}

h1 {
  padding:0;
  margin:0;
}

p {
  margin:0;
}

nav {
    background-color: #8080ff;
    width: 200px;
    float: left;
}

main {
  margin-left: 200px;
  width: 600px;
}

footer {
    background-color: #400000;
    color: white;
    clear: left;
}

#container {
    width: 800px;
}

<div class="container">
        <div class="block">
            <div class="sub-block">1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolor iure unde! Ab error ipsum minima non possimus quia tenetur. Autem eveniet, harum id ipsam labore nostrum sequi similique voluptate!</div>
            <div class="sub-block">2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dolor iure unde! Ab error ipsum minima non possimus quia tenetur. Autem eveniet, harum id ipsam labore nostrum sequi similique voluptate!</div>
        </div>
        <div class="block">
            <div class="sub-block">Блок 3</div>
        </div>
    </div>

.container {
        width:800px;
        margin:0 auto;
        display: flex;
        justify-content: space-between;
    }
    .block {
        width: 100%;
        border: 1px solid black;
        padding: 20px;
        box-sizing: border-box;
    }
    .sub-block {
        margin-bottom: 20px;
    }

.scroll-container {
  width: 300px; /* Ширина вашего контейнера */
  height: 200px; /* Высота вашего контейнера */
  overflow-x: scroll; /* Добавление горизонтальной прокрутки */
}

.scroll-container {
  width: 300px; /* Ширина вашего контейнера */
  height: 200px; /* Высота вашего контейнера */
  overflow-y: scroll; /* Добавление вертикальной прокрутки */
}

import { HtmlEmbed } from '@ckeditor/ckeditor5-html-embed';

ClassicEditor
    .create( document.querySelector( '#editor' ), {
        plugins: [ HtmlEmbed, /* ... */ ],
        toolbar: [ 'htmlEmbed', /* ... */ ],
    } )
    .then( /* ... */ )
    .catch( /* ... */ );

let keys = ['key1', 'key2', 'key3'];
let values = ['value1', 'value2', 'value3', 'value4', 'value5', 'value6'];

let obj = {};
for (let i = 0; i < values.length; i++) {
    let key = keys[i % keys.length];
    obj[key] = values[i];
}

console.log(obj);

body {
  display: flex;
  margin: 0;
}

aside {
  background: #5c8a21fa;
  width: 17%;
  padding: 2.5%;
  height: 100vh;
  color: #fff;
  border-right: 5px solid #4d4d4d;
}

aside img {
  width: 65%;
  align-self: center;
  margin-bottom: 20px;
}

aside ul {
  list-style: none;
  padding: 0;
}

aside ul li {
  color: #fff;
  margin-top: 20px;
  transition: all 0.6s ease;
}

aside ul li,
aside ul a {
  text-decoration: none;
}

aside ul li:hover,
aside ul a:hover {
  color: #eb5959;
  text-decoration: none;
  transform: scale(1.05);
}

.content {
  flex: 1;
  background: #a6fa52fa;
  padding: 2.5%;
}

body {
  background: #a6fa52fa;
}

aside {
  float: left;
  background: #5c8a21fa;
  width: 17%;
  padding: 2.5%;
  height: 100vh;
  color: #fff;
  border-right: 5px solid #4d4d4d;
}

aside::after {
  content: "";
  display: table;
  clear: both;
}

aside img {
  width: 65%;
  float: left;
  position: relative;
  left: -40px;
  top: -30px;
}

aside ul {
  list-style: none;
}

aside ul li {
  color: #fff;
  display: block;
  margin-top: 20px;
  transition: all .6s ease;
}

aside ul li,
aside ul a {
  text-decoration: none;
}

aside ul li:hover,
aside ul a:hover {
  color: #eb5959;
  text-decoration: none;
  transform: scale(1.05);
}

const add = (a, b) => {
  return a + b;
};

const subtract = (a, b) => {
  return a - b;
};

module.exports = { add, subtract };

.item {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  gap: 13px;
}

.item_box {
  position: relative;
  overflow: hidden;
  width: 350px;
  height: 345px;
  border-radius: 4px;
  background: #1b2837;
}

.item_box_icon {
  width: 136px;
  height: 102px;
  border-radius: 50%;
  background: #003adb;
  position: absolute;
  bottom: -100px;
  right: -100px;
  z-index: 0;
  transition: 0.3s;
  box-shadow: 0px 10px 29px 0px rgba(64, 129, 255, 0.24);
}

.item_box:hover .item_box_icon {
  width: 450px;
  height: 450px;
  border-radius: 50%;
  bottom: -180px;
  right: -180px;
  z-index: 0;
  transition: 0.3s;
}

function default_value_added_select() {
    return fetchData()
      .then(myVariable => {
        console.log(myVariable);
        myVariable = myVariable.map(Number);
        for (const element of myVariable) {
          console.log(typeof element); // number
        }
        const minValue = Math.min(...myVariable);
        console.log('Минимальное значение:', minValue);

        return minValue;
      })
      .catch(error => {
        console.error(error);
      });
}

.container {
  margin: 0 auto;
  max-width: 1200px; /* Измените ширину на максимальную ширину, а не фиксированную */
  padding: 0 20px; /* Добавьте небольшие отступы по бокам для контента */
  box-sizing: border-box;
}

#home_page .section-header .container:nth-child(2) h1 {
  font-size: clamp(2rem, 5vw, 9.375rem);  /* Замените на ваши значения */
}