Как сделать расстояния у кнопок?

Question

[issaRUX]

У меня есть код в html, который я писал по туториалу:
Скриншот фрагмента кода удалён модератором.

И есть стили:

.wrapper {
    margin: 100px auto;
    max-width: 1100px;
}

.wrapper nav {
    display: flex;
    justify-content: center;
}

nav .items {
    display: flex;
    max-width: 720px;
    width: 100%;
    justify-content: space-between;
    
}

nav .items .item {
    padding: 7px 25px ;
    font-size: 18px;
    font-weight: 500;
    color: #ff6803;
    border: 2px solid #ff7b00;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease;
  
}

nav .items .active, 

nav .items .item:hover {
    color: #ffffff;
    background: #ff7b00;
}

У меня должно получится, что есть две кнопки посередине с надписью "постеры" и "сайты", но расстояние между ними слишком большое. А должно быть комфортным, как на большинстве сайтов. Я делаю сайт портфолио на чемпионат дизайнеров и не совсем умею программировать, но нужны балы. Как это можно исправить?

Comments

[Stalker_RED]

У вас вместо html-разметки картинка, это нарушает правила сервиса. С нее нельзя вот так просто взять текст и вставить в редактор, и большинству людей будет лениво перепечатывать текст с картинки вручную или искать средство распознавания, которое корректно обработает html-код.