Как отобразить картинки с бд mysql в теге img (текстовые данные я спокойно беру, но с изображениями проблема)?

danila_prokopenko, Фотографии же в папке public? Надо их туда положить

попробуй просто загрузить фотку
<img src="./planets_image/img.png" alt="" />
И так

<img src={`./planets_image/${planet.planet_image}.png`} alt="" />

БЭМ. Как разметить текст, если часть предложения выделена другим цветом?

и это не верно

<p class="shop-col__price">
<span class="shop-col__price

Это 2 разных элемента! Тут лучше так

<p class="shop-col__price">
<span class="shop-col__price-grey">

БЭМ. Как разметить текст, если часть предложения выделена другим цветом?

MyQuestion, Нет, это не препятствие! Я верстаю под CMS, и заказчики сами просят, допустим блок текста, в нем есть ссылки, жирные слова, курсив! Так вот смысла нет им задавать классы) В блоке врядли чтото еще будет, а класс может быть длинный.

Не обьязательно всем тегам задавать класс! Может вылезти так, что у тебя весь html в классах будет) А потом классы да id для js писать)

Как сверстать адаптивную плитку из изображений?

yoyoyooyoyoyoyoyoyoyoyoyo, Надо гридам размеры задавать,
50px - высота 1 строки
auto - высота 2 строки
auto высота 3 строки /50% ширина 1 столбца, calc(50% - 30px) ширина 2 столбца

grid-template:
    "i t" 50px    
    "i c" auto   
    "g g" auto/50% calc(50% - 30px);

а самим фотографиям

Width: 100%
height: 100%
object-fit: cover

Можешь пример тут посмотреть, по заголовку клацни и код эл, вообщем найди класс article-project__top

В чем ошибка в коде less?

Гдето скобку не закрыл, до 727 строки наверно.

А вообще удаляй по чуть чуть less, да смотри когда ошибка пропадет

Align-items: почему не работает?

кодпен сломался)))
Сложно так сказать, скорей всего и вложенным блокам надо задать дисплей флекс и Align-items.
И блок логотипа, лучше делать отдельным блоком, как и навигация. В футере скорей всего тоже логотип есть.
А навигацию лучше в список

nav
  ul
    li 
      a

Как правильно писать текст?

А вообще установите расширение для браузера, Pesticide for Chrome, и смотрите где какие блоки, как расположены)))

Как правильно подключить svg?

Подключить есть куча способов) Все зависит от иконки и ui-ux)
Я обычно декоративные svg вставляю ТАК
А чтоб иконки можно было менять в админке, то через тег в img src="icon.svg".
А если у иконки надо менять заливку, то svg прям в html вставляю (почти как спрайты) но со спрайтами надо плагин ставить чтоб заливку менять.

Как по клику на кнопку окрывать нужный попап ( класс в дата атрибуте)?

fantastikgodd, Но это уже дублирование кода. А если будет 50 попапов, нужно оптимизировать такое))) делегирование гугли

const btnCorn = document.querySelector(`button[data-popup="popup--corn"]`)
const popupCorn = document.querySelector(`.popup--corn`)
btnCorn.addEventListener(`click`, function() {
  popupCorn.classList.add(`popup--active`)
})

const btnSunflower = document.querySelector(`button[data-popup="popup--sunflower"]`)
const popupSunflower = document.querySelector(`.popup--sunflower`)
btnSunflower.addEventListener(`click`, function() {
  popupSunflower.classList.add(`popup--active`)
})

Как добавить 2 элемента как на картинке (код есть)?

Егор Хохлов, Можно без них)

Как изменить цвет текста если за текстом появился чёрный слайд?

Сделать обводку текста text-shadow, либо тень в виде овала. Уже смотреть от задачи
И простым способом ты не угадаешь каким цветом слайд! Это уже дизайнера касяк, который это не предусмотрел!

Почему не работает флекс-бокс в блоке?

line-height у стрелки надо меньше сделать! они выходят за блок! И как то шрифтом стрелки делать, не очень( Нарисуй на псевдо эл, или выравнивай line-height и font-size

Как поменять иконку глазка в input type password на собственную?

Попробуй

input::-webkit-contacts-auto-fill-button {
    opacity: 0;
}

Почему не применяются некоторые css-стили на хостинге?

Stoble, Не могу посмотреть что у вас на сайте творится, после того, как загружается фотография, монитор как бы "выключается" - просто черный экран. Не пуска ничего нет, ну как спящий режим! И после закрытия сайта (ctrl+w), монитор переходит в обычный режим

Как исключить внутренние элементы при обработке события клика?

Примерно так, сравнивай на соответствие класса matches

function clickHandler(event) {
  if (event.targer.matches(div)) {
    const {type} = event.target.dataset;
    console.log(type);
  }
}

Почему не применяются некоторые css-стили на хостинге?

Может стоит переименовать style.less в style.css
и что за новый БЭМ? .footer__help--help--title{

Как работать с gulp-file-include?

И на будущее, я наткнулся на это, убил кучу времени! Нельзя переносить строки в переменных, будет ошибка не понятная(

Пришлось в настройках редактора убрать ограничение символов в строке

@@include('blocks/_head.html', {
    "title": "About",
    "description": "Тут длинный ооочень длинный текст, который нельзя переносить на другую строку"
})

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

Хотя нет, Надо общий родитель
ul в нем li:nth-child(4) и а нем уже a

ul {
  li {
    a {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 400;
      color: #26272d;
       }
   &:nth-child(4) {
       a{
        opacity: 0.4;
        line-height: 1.2;
        color: #1b1c1e;
       }
    }
  }
}

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

Попробуй ссылки выбирать в общем родительском блоке

.menu {
  &__nav {}
  &__list {
    display: flex;
    li{
      padding: 0px 41px;
      &:nth-child(3){
        padding: 0px 303px 0px 41px;
      }
      &:nth-child(4){
        padding: 0px 41px 0px 303px;
      }
    }
    a {
      font-family: 'Lato', sans-serif;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 400;
      color: #26272d;
      &:nth-child(4) {
        opacity: 0.4;
        font-family: 'Lato', sans-serif;
        line-height: 1.2;
        color: #1b1c1e;
     }
  }
  }
  
}

Как правильно вкладывать классы или же в каких случаях?

Sagrana, Вообще я о css говорил. И в том же сообщении пример кода!
Вот код с ru.bem.info