Задать вопрос

Levott

Комментарии

  • Как сделать эти точки и их меню?

    @Levott Автор вопроса
    Levott, поставил как фон и буду менять бэграунд
    Написано

  • Как сделать эти точки и их меню?

    @Levott Автор вопроса
    szQocks, насчет красить - есть набор изображений - через js при клике буду менять
    Написано

  • Сколько nav`ov может быть на сайте?

    @Levott Автор вопроса
    Ankhena, Спасибо вам большое :) Какой раз отвечаете на мои вопросы, учту ваши советы и прямо сейчас пойду читать статьи про контентные и декоративные изображения :)
    Написано

  • Сколько nav`ov может быть на сайте?

    @Levott Автор вопроса
    Ankhena, одна картинка переводит на корзину купленных товаров, по факту в ней есть смысл и это не просто украшение
    Написано

  • Сколько nav`ov может быть на сайте?

    @Levott Автор вопроса
    Зачем такая морока ? Можно сделать так я думаю:
    <nav>
    <ul>
        <li>< a href="#">sustanbilitydihekskdhbdh</a></li>
        <li><a href="#">stores</a></li>
        <li><a href="#"><img src="path"></a></li>
        <li><a href="#"><img src="path"></a></li>
        <li><a href="#"><img src="path"></a></li>
    </ul>
</nav>

    Если я не прав - поправьте меня и подскажите почему так неправильно
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Илья Салигжанов, ураааа! Это не говно!
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Ankhena, спасибо за советы, я все учту
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Ankhena, как то так?
    <body>
    <!-- Шапка -->
    <header>
      <div class="header_wrapper">
        <div class="header_logo">
          <img src="/images/logo.svg" alt="Лого" />
        </div>
        <div class="header_nav">
          <nav>
            <a href="#">Каталог</a>
            <a href="#">Контакты</a>
          </nav>
        </div>
        <div class="header_contacts">
          <div class="contact">7 495 518 66 31</div>
        </div>
      </div>
    </header>
    <!-- Конец шапки -->
    <!-- Основной контент -->
    <main>
      <div class="container">
        <div class="main_text">
          <h1>Каталог автомобилей</h1>
        </div>
        <div class="main_cards">
          <div class="main_cards_wrapper">
            <div class="cards_pon">
              <div class="pon">Фото</div>
              <div class="pon">Марка и Модель</div>
              <div class="pon">Год</div>
              <div class="pon">Дата осмотра</div>
              <div class="pon">Госномер</div>
              <div class="pon">VIN</div>
              <div class="pon">Цена</div>
              <div class="pon"></div>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
            <div class="card_item">
              <div class="card_item_svg">
                <img src="/images/reno.svg" alt="Рено логан" />
              </div>
              <div class="card_item_model">Renault Logan</div>
              <div class="card_item_year">2021</div>
              <div class="card_item_date">17-05-2022</div>
              <div class="card_item_number">Т931ВС790</div>
              <div class="card_item_vin">X7L4SRLTB66955553</div>
              <div class="card_item_price">от 999 000</div>
              <a href="#" class="card_item_check">Посмотреть</a>
            </div>
          </div>
          <div class="card_next">
            <a href="#">
              <div class="card_circle">
                <svg
                  width="18"
                  height="14"
                  viewBox="0 0 18 14"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M0.563604 7.6364C0.212133 7.28492 0.212133 6.71508 0.563604 6.3636L6.29117 0.636039C6.64264 0.284567 7.21249 0.284567 7.56396 0.636039C7.91543 0.987511 7.91543 1.55736 7.56396 1.90883L2.47279 7L7.56396 12.0912C7.91543 12.4426 7.91543 13.0125 7.56396 13.364C7.21249 13.7154 6.64264 13.7154 6.29117 13.364L0.563604 7.6364ZM18 7.9H1.2V6.1H18V7.9Z"
                    fill="black"
                  />
                </svg>
              </div>
            </a>
            <a href="#"><div class="card_circle">1</div></a>
            <a href="#"><div class="card_circle">2</div></a>
            <a href="#"><div class="card_circle">3</div></a>
            <a href="#"><div class="card_circle">4</div></a>
            <a href="#"><div class="card_circle">5</div></a>
            <a href="#"><div class="card_circle">...</div></a>
            <a href="#"><div class="card_circle">19</div></a>
            <a href="#"><div class="card_circle">20</div></a>
            <a href="#">
              <div class="card_circle">
                <svg
                  width="18"
                  height="14"
                  viewBox="0 0 18 14"
                  fill="red"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M17.6363 6.36361C17.9878 6.71508 17.9878 7.28493 17.6363 7.6364L11.9088 13.364C11.5573 13.7154 10.9875 13.7154 10.636 13.364C10.2845 13.0125 10.2845 12.4426 10.636 12.0912L15.7272 7L10.636 1.90883C10.2845 1.55736 10.2845 0.987513 10.636 0.636041C10.9875 0.284569 11.5573 0.284569 11.9088 0.636041L17.6363 6.36361ZM0.199951 6.1L17 6.1L17 7.9L0.199951 7.9L0.199951 6.1Z"
                    fill="black"
                  />
                </svg>
              </div>
            </a>
          </div>
        </div>
      </div>
    </main>
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Я искал курсы по вёрстке, (я самоучка) один чел говорит - верстайте так и так и вообще занимайтесь вёрсткой 24/-7, другой говорит - верстайте так и сяк и мяк и по другому и туда ещё накиньте over9000 фреймворков. Поэтому хотелось бы посмотреть уже проверенные людьми курсы. Вы вообще мне ничего не обязаны, просто надеюсь кто нибудь скинет по доброте душевной
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Хочу ещё попросить поскидывать мне курсы кому не лень, если здесь этого нельзя то можно в тг(@bruhvz) или вообще где нибудь только чтобы я смог посмотреть
    Написано

  • Как понять что твоя верстка приемлема?

    @Levott Автор вопроса
    Одиночка Айс, у меня мало проектов, но вот пример, я здраво отношусь к критике
    html
    <body>
    <section class="firstmain">
      <div class="firstmain_inner">
        <header class="header">
          <div class="container">
            <div class="header_inner">
              <div class="header_inner_logo">
                <img src="images/logo.svg" />
              </div>
              <div class="header_inner_nav">
                <nav class="nav">
                  <a class="nav__link" href="#">About</a>
                  <a class="nav__link" href="#">Services</a>
                  <a class="nav__link" href="#">Pricing</a>
                  <a class="nav__link" href="#">Blog</a>
                </nav>
              </div>
              <div class="header_inner_button">
                <form action="#">
                  <button type="submit">Contact</button>
                </form>
              </div>
            </div>
          </div>
        </header>
        <div class="firstblog">
          <div class="container">
            <div class="firstblog_inner">
              <div class="firstblog_text">
                <div class="firstblog_orange">Modern Studio</div>
                <div class="firstblog_white">
                  We’re Help<br>
                  To Build Your Dream Project
                </div>
                <div class="firstblog_gray">
                  Agency provides a full service range including technical
                  skills, design, business understanding.
                </div>
                <div class="firstblog_inner_buttons">
                    <form action="#">
                        <button type="submit">
                            How we work
                        </button>
                    </form>
                    <a href="#">Contact us</a>
                </div>
                <div class="citatafirstmain">
                  <div class="citatafirstmain_image">
                    <img src="images/firstmaincitata.svg">
                  </div>
                  <div class="citatafirstmain_text">
                    <div class="citatafirstmain_text_textone">
                      "Put themselves in the merchant's shoes"
                    </div>
                    <div class="citatafirstmain_text_textsecond">
                      Meta Inc.
                    </div>
                  </div>
                </div>
              </div>
              <div class="firstblog_img">
                <img src="images/picfirstmain.svg" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="secondsection">
      <div class="container">
        <div class="secondsection_inner">
          <div class="tms">
            <img src="images/BitmapTM.svg" alt="ТМ">
            <img src="images/BitmapTM-1.svg" alt="ТМ">
            <img src="images/BitmapTM-2.svg" alt="ТМ">
            <img src="images/BitmapTM-3.svg" alt="ТМ">
            <img src="images/BitmapTM-4.svg" alt="ТМ">
          </div>
          <hr class="hr">
          <div class="about">
            <div class="about_inner">
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    szQocks, я до этого верстал на флексах в основном, сидел в говне и не чирикал, а тут сказали что гриды имба тема типо там выровнять все можно и жизнь будет в шоколаде и платить будут миллионы
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    Levott, сайдбар уже в контейнере
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    szQocks, если запихаю то ничего успешного не выйдет
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    Ankhena, https://codepen.io/levott/pen/KKrzaMw, что не так с классами?
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    Как сделать так чтобы сайдбар начинался под лого а не прижимался к левой стороне
    Написано

  • Почему появляется отступ?

    @Levott Автор вопроса
    Ankhena, не помогло
    Написано

  • Как это верстать?

    @Levott Автор вопроса
    Кирилл Никитин, что вы имеете в виду под многослойностью?
    Написано

  • Как верстать такие блоки?

    @Levott Автор вопроса
    Понятнее не стало
    Написано

  • Почему мое видео вылезает за пределы доступного, появляется скролл и не работает текст?

    @Levott
    В целом, текст должен и так работать, скорее всего вся ошибка в секции
    Написано