Почему на телефоне цвет не применяется?

ArutaGerman, поэтому напишите конкретно в каких наблюдается проблема.

Почему на телефоне цвет не применяется?

ArutaGerman, если речь о красном крестика, то вот:

Как лучше адаптировать картинку?

Andrey Vasilev, в таком виде не нужно. Сделайте песочницу.

Зачем у .computer есть float, когда он flex-элемент, на котором float не работает?

Почему на телефоне цвет не применяется?

Ссылку на пример проблемы?

В каких браузерах проблема?

Как лучше адаптировать картинку?

Проценты, нет?

Где код?

Как на стороннем сайте ВООБЩЕ запретить переход по ссылкам и открытия новых окон в браузере? Какой код ввести в консоли?

В adBlock и uBlock можно писать свои собственные правила на стили, скрипты и т. д.

Ищите виновника всплывающих окон на сайте, читайте документацию используемого плагина и пишете правила их блокировки.

Вот это можете попробовать, чтобы запретить открытие новых окон на сайте:

window.open = function (url, windowName, windowFeatures) {
    console.log('Запретили открытие нового окна');
}

Как сократить path у SVG?

Объединять пути + SVGO. В данном случае это лишь упростит разметку немного, т. к. сам код у вас достаточно оптимизирован (есть лишь повторения class="a" и class="b"):

В результате можно только на 1 Кб сжать код:

<svg viewBox="0 0 154.53 40.49" xmlns="http://www.w3.org/2000/svg">
  <path d="M9 6.83a7 7 0 0 1 5.35 2.42 8.44 8.44 0 0 1 2.21 5.93 8.45 8.45 0 0 1-2.21 5.93A7 7 0 0 1 9 23.53a6 6 0 0 1-5-2.31v1.86H0V1h4v8.14a6 6 0 0 1 5-2.31zM5.21 18.39a4.09 4.09 0 0 0 3.07 1.25 4.15 4.15 0 0 0 3.08-1.25 4.41 4.41 0 0 0 1.23-3.21A4.37 4.37 0 0 0 11.36 12a4.15 4.15 0 0 0-3.08-1.25A4.09 4.09 0 0 0 5.21 12 4.4 4.4 0 0 0 4 15.18a4.43 4.43 0 0 0 1.21 3.21zm28.18 2.72a7.91 7.91 0 0 1-5.83 2.42 7.82 7.82 0 0 1-5.81-2.42 8.17 8.17 0 0 1-2.38-5.93 8.15 8.15 0 0 1 2.38-5.93 7.82 7.82 0 0 1 5.81-2.42 7.91 7.91 0 0 1 5.83 2.42 8.12 8.12 0 0 1 2.38 5.93 8.13 8.13 0 0 1-2.38 5.93zm-8.82-2.8a4 4 0 0 0 3 1.23 4.06 4.06 0 0 0 3-1.23 4.31 4.31 0 0 0 1.2-3.13 4.29 4.29 0 0 0-1.2-3.13 4.07 4.07 0 0 0-3-1.24 4 4 0 0 0-3 1.24 4.29 4.29 0 0 0-1.2 3.13 4.31 4.31 0 0 0 1.2 3.13zM48.39 6.83a7 7 0 0 1 5.35 2.42A8.48 8.48 0 0 1 56 15.18a8.5 8.5 0 0 1-2.21 5.93 7 7 0 0 1-5.35 2.42 6 6 0 0 1-5-2.31v1.86h-4V1h4v8.14a6 6 0 0 1 4.95-2.31zm-3.81 11.56a4.09 4.09 0 0 0 3.07 1.25 4.15 4.15 0 0 0 3.08-1.25A4.41 4.41 0 0 0 52 15.18 4.37 4.37 0 0 0 50.73 12a4.15 4.15 0 0 0-3.08-1.25A4.09 4.09 0 0 0 44.58 12a4.4 4.4 0 0 0-1.21 3.21 4.43 4.43 0 0 0 1.21 3.18zm14.97 4.69V0h4v23.08zm11.81-6.23c.54 2 2 3 4.37 3a4 4 0 0 0 3.47-1.59l3.23 1.9a7.64 7.64 0 0 1-6.76 3.39 8.26 8.26 0 0 1-6.17-2.38 8.17 8.17 0 0 1-2.32-6 8.26 8.26 0 0 1 2.29-6 7.81 7.81 0 0 1 5.89-2.39A7.34 7.34 0 0 1 81 9.23a8.48 8.48 0 0 1 2.21 5.95 10 10 0 0 1-.15 1.67zm-.06-3.16h7.9a3.79 3.79 0 0 0-1.41-2.4 4 4 0 0 0-2.43-.79 4.18 4.18 0 0 0-2.67.84 4 4 0 0 0-1.39 2.35zm24.09-6.86a5.57 5.57 0 0 1 4.2 1.74 6.7 6.7 0 0 1 1.65 4.81v9.7h-4v-9.2a3.28 3.28 0 0 0-.84-2.42 3 3 0 0 0-2.23-.84 3.26 3.26 0 0 0-2.48 1 4.15 4.15 0 0 0-.93 2.94v8.54h-4V7.27h4V9a5.14 5.14 0 0 1 4.63-2.17zm24.33 16.25h-4.65l-5.64-7.18v7.18h-4V1h4v13.23l5.33-7h4.77l-6.23 7.81zm14.85-1.97a8.21 8.21 0 0 1-11.64 0 8.16 8.16 0 0 1-2.37-5.93 8.15 8.15 0 0 1 2.37-5.93 8.21 8.21 0 0 1 11.64 0 8.12 8.12 0 0 1 2.43 5.93 8.14 8.14 0 0 1-2.43 5.93zm-8.82-2.8a4 4 0 0 0 3 1.23 4.06 4.06 0 0 0 3-1.23 4.32 4.32 0 0 0 1.25-3.13 4.3 4.3 0 0 0-1.21-3.13 4.07 4.07 0 0 0-3-1.24 4 4 0 0 0-3 1.24 4.28 4.28 0 0 0-1.19 3.13 4.3 4.3 0 0 0 1.15 3.13zm24.38-11.04h4.4l-5.89 15.81h-4.55L138.2 7.27h4.4l3.75 11.07z" fill="#fff"/>
  <path d="M0 40.35v-7h2.62a2.86 2.86 0 0 1 1.91.6 2 2 0 0 1 .71 1.64 2 2 0 0 1-.79 1.69 3.11 3.11 0 0 1-2 .6H.79v2.47zm.79-3.19h1.73a2.1 2.1 0 0 0 1.39-.43c.347-.27.543-.69.53-1.13a1.35 1.35 0 0 0-.51-1.13 2.17 2.17 0 0 0-1.37-.39H.79zm6.04 3.19v-7h3a2.68 2.68 0 0 1 2 .7 1.9 1.9 0 0 1 .54 1.4 1.83 1.83 0 0 1-.52 1.36 2.58 2.58 0 0 1-1.38.68l2.15 2.86h-1l-2-2.72h-2v2.72zm.79-3.43h2.15a2.05 2.05 0 0 0 1.3-.39 1.3 1.3 0 0 0 .5-1.07 1.23 1.23 0 0 0-.48-1 2.1 2.1 0 0 0-1.31-.36H7.62zM20 39.4a3.39 3.39 0 0 1-2.57 1.07 3.36 3.36 0 0 1-2.56-1.06 3.76 3.76 0 0 1 0-5.12 3.38 3.38 0 0 1 2.57-1.06A3.36 3.36 0 0 1 20 34.29a3.75 3.75 0 0 1 0 5.11zm-4.53-.5a2.61 2.61 0 0 0 2 .84 2.54 2.54 0 0 0 2-.84 3.07 3.07 0 0 0 0-4.1 2.58 2.58 0 0 0-2-.84 2.6 2.6 0 0 0-2 .83 3 3 0 0 0-.77 2.06 2.9 2.9 0 0 0 .8 2.05zm7.39 1.45v-7h2.43a3.73 3.73 0 0 1 2.68 1 3.54 3.54 0 0 1 0 5 3.71 3.71 0 0 1-2.68 1zm.79-.73h1.64a2.86 2.86 0 0 0 2.11-.79 2.65 2.65 0 0 0 .79-2 2.69 2.69 0 0 0-.8-2 2.84 2.84 0 0 0-2.1-.79h-1.64zm9.98.84a2.86 2.86 0 0 1-2.12-.8 3 3 0 0 1-.79-2.24v-4.07h.79v4a2.51 2.51 0 0 0 .56 1.74 2.33 2.33 0 0 0 3.13 0 2.42 2.42 0 0 0 .56-1.72v-4.02h.79v4a3.12 3.12 0 0 1-.79 2.3 2.88 2.88 0 0 1-2.13.81zm8.14.01a3.32 3.32 0 0 1-2.51-1 3.55 3.55 0 0 1-1-2.57 3.6 3.6 0 0 1 1-2.57 3.36 3.36 0 0 1 2.53-1.05 3.56 3.56 0 0 1 1.5.28 4.61 4.61 0 0 1 1.21.85l-.52.56a3.14 3.14 0 0 0-2.2-1 2.57 2.57 0 0 0-1.94.83 2.92 2.92 0 0 0-.77 2.06 2.88 2.88 0 0 0 .78 2 2.52 2.52 0 0 0 1.93.84 2.71 2.71 0 0 0 1.2-.25 4.29 4.29 0 0 0 1.06-.76l.52.55a4.4 4.4 0 0 1-1.24.89 3.68 3.68 0 0 1-1.55.34zm6.23-.12v-6.27h-2.4v-.73h5.5v.73h-2.35v6.27zm4.8 0v-7h.79v7zm8.81-.95a3.62 3.62 0 0 1-5.13 0 3.76 3.76 0 0 1 0-5.12 3.63 3.63 0 0 1 5.13 0 3.75 3.75 0 0 1 0 5.11zm-4.53-.5a2.61 2.61 0 0 0 2 .84 2.54 2.54 0 0 0 2-.84 3.07 3.07 0 0 0 0-4.1A2.58 2.58 0 0 0 59 34a2.6 2.6 0 0 0-2 .83 3 3 0 0 0-.77 2.06 2.9 2.9 0 0 0 .85 2.01zm7.36 1.45v-7h.74L69.59 39v-5.65h.77v7h-.63l-4.52-5.74v5.74zm16.25.14l-1.1-1.13a3 3 0 0 1-2.29 1.09 2.27 2.27 0 0 1-1.58-.55 1.83 1.83 0 0 1-.62-1.43c0-.91.56-1.58 1.69-2a3.48 3.48 0 0 1-.54-.79 1.77 1.77 0 0 1-.16-.77 1.55 1.55 0 0 1 .51-1.18 1.9 1.9 0 0 1 1.34-.48 1.66 1.66 0 0 1 1.21.46 1.5 1.5 0 0 1 .49 1.14c0 .83-.55 1.43-1.65 1.82l1.6 1.63a8.67 8.67 0 0 0 .84-1.56l.65.3a9.83 9.83 0 0 1-1 1.76l1.21 1.2zm-3.33-.71a2.37 2.37 0 0 0 1.75-.91l-1.87-1.93a2.48 2.48 0 0 0-1 .64 1.36 1.36 0 0 0-.33.88 1.23 1.23 0 0 0 .41.94 1.49 1.49 0 0 0 1.04.38zm.19-3.58c.9-.313 1.35-.763 1.35-1.35a.94.94 0 0 0-.28-.7 1 1 0 0 0-.71-.27 1.08 1.08 0 0 0-.77.29 1 1 0 0 0-.29.74c-.001.203.05.403.15.58a3.6 3.6 0 0 0 .55.71zm11.55 4.27a3.32 3.32 0 0 1-2.51-1 3.55 3.55 0 0 1-1-2.57 3.6 3.6 0 0 1 1-2.57 3.36 3.36 0 0 1 2.53-1.05 3.56 3.56 0 0 1 1.5.28 4.61 4.61 0 0 1 1.21.85l-.52.56a3.14 3.14 0 0 0-2.2-1 2.57 2.57 0 0 0-1.94.83 2.92 2.92 0 0 0-.77 2.06 2.88 2.88 0 0 0 .78 2 2.52 2.52 0 0 0 1.93.84 2.71 2.71 0 0 0 1.2-.25 4.29 4.29 0 0 0 1.06-.76l.52.55a4.4 4.4 0 0 1-1.24.89 3.68 3.68 0 0 1-1.55.34zm9.95-1.07a3.62 3.62 0 0 1-5.13 0 3.76 3.76 0 0 1 0-5.12 3.63 3.63 0 0 1 5.13 0 3.75 3.75 0 0 1 0 5.11zm-4.53-.5a2.61 2.61 0 0 0 2 .84 2.54 2.54 0 0 0 2-.84 3.07 3.07 0 0 0 0-4.1 2.58 2.58 0 0 0-2-.84 2.6 2.6 0 0 0-2 .83 3 3 0 0 0-.77 2.06 2.9 2.9 0 0 0 .77 2.05zm7.36 1.45v-7h.74L107 39v-5.65h.77v7h-.63l-4.52-5.74v5.74zm10.45.1a4.15 4.15 0 0 1-2.86-1.12l.49-.58c.329.31.707.564 1.12.75a3.28 3.28 0 0 0 1.28.24c.405.02.804-.1 1.13-.34a1 1 0 0 0 .43-.87 1 1 0 0 0-.38-.81 3.73 3.73 0 0 0-1.44-.52 4.25 4.25 0 0 1-1.8-.73 1.6 1.6 0 0 1-.55-1.31 1.72 1.72 0 0 1 .65-1.37 2.48 2.48 0 0 1 1.65-.54 3.82 3.82 0 0 1 2.46.86l-.46.61a3.1 3.1 0 0 0-2-.76 1.71 1.71 0 0 0-1.08.32 1 1 0 0 0-.41.83 1 1 0 0 0 .39.82 4.24 4.24 0 0 0 1.51.54 4 4 0 0 1 1.73.72c.372.318.575.791.55 1.28a1.74 1.74 0 0 1-.67 1.43 2.61 2.61 0 0 1-1.74.55zm6.95.01a2.86 2.86 0 0 1-2.12-.8 3 3 0 0 1-.79-2.24v-4.07h.79v4a2.51 2.51 0 0 0 .56 1.74 2.33 2.33 0 0 0 3.13 0 2.42 2.42 0 0 0 .56-1.72v-4.02h.79v4a3.12 3.12 0 0 1-.79 2.3 2.88 2.88 0 0 1-2.13.81zm4.94-.11v-7h.78v6.27h4v.73zm7.19 0v-6.27h-2.35v-.73h5.5v.73h-2.35v6.27zm4.85 0v-7h.79v7zm2.99 0v-7h.75l4.4 5.65v-5.65h.77v7h-.63L140 34.61v5.74zm11.3.12a3.39 3.39 0 0 1-2.59-1 3.85 3.85 0 0 1 0-5.13 3.29 3.29 0 0 1 2.52-1.07 3.73 3.73 0 0 1 2.61.93l-.51.6a3.19 3.19 0 0 0-2.13-.8 2.47 2.47 0 0 0-1.91.84 3.23 3.23 0 0 0 0 4.14 2.62 2.62 0 0 0 2 .82 3.1 3.1 0 0 0 2-.7v-1.78h-2.13v-.71h2.89v2.79a4.11 4.11 0 0 1-2.75 1.07z" fill="#bbb"/>
</svg>

Как верстать radio-input?

Дополню ещё примером:
https://www.w3schools.com/howto/howto_css_custom_c...

Как верстать radio-input?

Нат, вот тут подробно описано:
https://www.w3schools.com/howto/howto_css_custom_c...

Как верстать radio-input?

Stalker_RED, скорее всего она о кастомизации его внешности.

Как разместить три "резиновых" блока?

Александр, к родителю нет привязки через media.

Бесплатная среда разработки в браузере. Какие есть варианты?

Ayan Bai, я повидал много программистов разного уровня. Впервые слышу, чтобы кто-то всерьез разрабатывал что-то в браузерной IDE. Точнее, вообще работал в подобной.

Как вы делаете placeholder в форме обратной связи?

Код?

Как сверстать подобный блок?

99%, что ему не нужно будет контентные блоки на absolute. На absolute лучше уж фон вешать (жёлтый), т. к. не он, а коричневые блоки будут формировать габариты секции.

Как сверстать подобный блок?

Зависит от контекста, задачи и дизайна. Тут слишком абстрактно предоставлено (без контекста других блоклв дизайна). Либо отрицательные маргины, либо calc() на увеличение для трёх колонок, либо же тупо жёлтый блок делать внутри родительского и делать его меньше родителя (+ absolute).

Как верстать макеты под разные разрешения?

wqertAnna, не знаю, но эта одна из самых популярных SASS-библиотек для этого дела (1600+ звёзд на GitHub):
https://github.com/eduardoboucas/include-media/

Как верстать макеты под разные разрешения?

wqertAnna, не совсем понял про копирование media-запросов. Я использую вот это для SASS:
https://include-media.com/

Поэтому исходник тоже чистый (синтаксис SASS я очень не люблю, поэтому SCSS):

.s-product-card {
  $self: &;
  $transition-time: .2s;
  $gap: 10px;
  $indicator-gutter: 10%;
  $country-item-gap: .5em;
  $sale-tag-height: 24px;
  $sale-tag-angle-width: 10px;

  height: 100%;
  color: #000;
  font-size: 14px;
  position: relative;
  display: flex;
  flex-flow: column;
  transition: transform $transition-time;
  @include no-touch-glow-mobile();

  // Зона наверху
  @at-root #{$self}__quick-view {
    padding: 10px 10px 5px 10px;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: opacity $transition-time;

    @at-root #{$self}__quick-view-btn {
      transform: translateY(-10px);
      font-size: 15px;
      height: 36px;

      // Вот №1
      @include media(">phone-all", "<=table-portrait") {
        font-size: 11px;
        padding-left: 0;
        padding-right: 0;
      }

      // Вот №2
      @include media(">table-portrait", "<=tablet-landscape") {
        font-size: 12px;
      }

      // Вот №3
      @include media(">tablet-landscape", "<desktop") {
        font-size: 13px;
      }

      // Вот №4
      @include media("print") {
        display: none;
      }

    }

  }

  // 
  // Там ещё 1300 строк кода, поэтому их тут нет
  //
  
}

Словом, это больше проблема к подходу, но с диапазонами достигается большая изоляция свойств (а-ля имитация local scope).

Как верстать макеты под разные разрешения?

Tanya__K, часто без @:

Как верстать макеты под разные разрешения?

Tanya__K, в ответе от wqertAnna есть не очень хорошая практика — совпадение диапазонов:

@media screen and (max-width: 1368px) {
  // включает в себя (max-width: 768px)
}
@media screen and (max-width: 768px) {

}

Поэтому данный код будет прямо зависеть от иерархии каскада. Ну screen особо не нужен в обычном медиазапросе. Если у вас нет специальных планов на другие типы носителей (print и т. п.).

Поэтому лучше так не делать, а делать именно несовпадающими диапазонами в качестве основного подхода.

Как верстать макеты под разные разрешения?

Tanya__K, да не страшно, главное, что в шаблоне такой херни нет.

Кстати, обязательно отмечайте, пожалуйста, в сообщении никнейм пользователя через @, кому это сообщение адресовано, иначе его не видно в уведомлениях, т. к. оно не адресовано по сути никому. Ну, как я это делаю.

Я вижу ваши сообщения лишь потому, что вручную обновляю страницу и слежу за счётчиком комментариев.