Ответы пользователя по тегу CSS
  • Как сделать такую разметку?

    @wervan
    Можно сделать 2 разных дива и флекс колумн поставить ))))))))
    Ответ написан
    Комментировать
  • Как пофиксить баг с font-weight при наведении?

    @wervan
    У меня не возникает такая проблема, это чисто визуально, если ты поставишь цвет изначальный на зеленый, а ховер на белый, то белый будет типа больше, но нет. В итоге жирность не меняется, цвета играются просто
    Ответ написан
  • Хочу как на фото. Но у меня Почему-то текст находится под фото и за пределы фотографии не может выйти?

    @wervan
    Я тебе сильно подредачил, остальное позишин абсолют сделай сам. Суть : надо научиться пользоваться flex чтобы понимать что куда идет. Flex это типо контейнер, в котором можно управлять расположением, вот почитай на хабре гайд и может поймешь

    <div class="elvo">
          
            <div class="elvo__section">
              
                <div class="elvo__window">
                  <p class="elvo__title">Компания elvo</p>
                  <p class="elvo__input">Лучшая компания</p>
                  <hr />
                  <p class="elvo__text">
                    Строительная компания ELCO является проектной организацией,
                      которая отвечает за подготовку всего проекта, в соответствии с
                      договором или контрактом.
                  </p>
                </div>
                
                <div class="sss">
                  <img class="elvo__img" src="https://avatars.mds.yandex.net/i?id=d3ff560daf1ac26b8e28a8637a7c1ad1dd762b6a-10384982-images-thumbs&n=13" alt="" />
                </div>
            </div>
            
        </div>


    .elvo{
      width: 1100px;
        margin-top: 40px;
      height: 770px;
    }
    .elvo__section {
    
      display: flex;
     
      align-items: flex-end;
    }
    
    .elvo__img {
      
      width: 700px;
      height: 500px;
      
    }
    hr{
      width: 100px;
      
      
    }
    
    .elvo__window {
     
      display: flex;
      flex-flow: column wrap;
     
      padding: 40px;
      height: 290px;
      width: 460px;
     
      
      background-color: grey;
    }
    /*background-color: #f1f1f1;
      position: relative;
      
    }*/
    Ответ написан
  • Дробит бекграунд при использовании margin?

    @wervan
    background: linear-gradient(to right, rgb(31, 114, 238), rgb(0, 245, 151)); вот так все будет работать
    Ответ написан
    Комментировать