Как бы вы оценили свёрстанный сайт портфолио?

FinLivb,

Опишите подробней проблемы с вертикальным окролом.

Зачем он вообще в карточках?

И что не так со шрифтами и тенями?

Они ужасные и вызывают ощущение, что это остатки зрения.

Как бы вы оценили свёрстанный сайт портфолио?

<spun class="references__link">- - - - - - - - - - - - - - -</spun>

Новый тег?
Круть.

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

ваше собственное слово довольно точно характеризует увиденное

.
Тоже

шикарный вид

Если про дизайн, то наймите дизайнера.

И

копирайтера

Вы можете связаться со мной, найдя меня в социальных сетях «ВКонтакте» и «Telegram» или написав мне на почту, которая также указана ниже.

Поищите, я там один.

В будущем мне также можно будет написать в «WhatsApp».

А это вообще шикарно и очень нужно

Почему изображение полностью не помещается в блок?

Как сделать так, чтобы изображение без обрезаний подстраивалось под размеры блока и помещалось полностью в блок?

Оно должно иметь одинаковые с блоком пропорции. И width: 100%
Либо бы можете задать и высоту тоже 100%, но получите изменение пропорций.

https://jsfiddle.net/Norum87/u7L9fd8q/1/

Скажите, а вы сами пробовали открывать свою песочницу? Видно в ней что-нибудь? Или может быть понятно какие картинки вы вставляете? Или карусель работает и есть стили от неё?

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

Рисуйте дизайн для посетителей сайта, а не для бутстрапа или других свойств, ботов и гоблинов.

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

BavarianBeer, я вам ответ уже давно написала и без песочницы

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

BavarianBeer вряд ли кто-то станет скачивать архивы.
Для показа кода используйте песочницы типа codepen.io или jsfiddle.net

Ссылки не наследуют цвет от родителя.
Задавайте его для .menu__link и .menu-categories__link

Как расположить картинку и текс в строчку в div?

Артем Золин, не стоит просто так про "никогда"

Как сделать чтобы header и футер не прокручивались?

Есть разные варианты.
sticky
fixed
гриды и overflow для контента
...

Расположение элементов в флекс контейнере?

Tupic123,

А если нужно именно 7 элементов в строку?

Ну так и напишите, что 7
repeat(7, 1fr)
и отступы через grid-gap.

Расположение элементов в флекс контейнере?

Tupic123, проще 1fr, а браузер сам посчитает сколько это.

Расположение элементов в флекс контейнере?

Если вы зададите им одинаковую ширину и отступы, то они будут ровно друг под другом.

А вообще гриды.

Как на элементе сетки flex расположить несколько других "подэлементов"?

lamer350,
Если вам нравится указывать line-height для каждого элемента отдельно - это дело ваше и того, кому потом поддерживать код.
Если нравится при изменении шрифта каждый раз помнить и о line-height - аналогично.
https://jsfiddle.net/g1p8yf97/

Попробуйте позаботиться о пользователях, меняющих размер шрифта в браузере, чтобы было удобно читать, задайте шрифт в rem и проверьте что будет при увеличении/уменьшении.

Как лучше всего сделать такой текст с цифрами в правом углу?

Алексей Ярков,
Семантикой

The <sup> element should only be used for typographical reasons—that is, to change the position of the text to comply with typographical conventions or standards, rather than solely for presentation or appearance purposes.

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Как на элементе сетки flex расположить несколько других "подэлементов"?

lamer350, я кому-то обещала полное ревью кода и забыла об этом?

Начать читать про line-height вы можете по ссылкам выше.

Как убрать отступ?

Что из этого отступ https://jsfiddle.net/gvf4dtxn/ ?

Вы добавляете элементики внутрь первого .catalogs_blocks. Он естественно растягивается по высоте.
У остальных .catalogs_blocks там не отступ, а просто пусто.

Какого эффекта вы пытаетесь достичь?

Возможно, больше подойдут columns, а не флексы.

Не отображается css в Safari, как будто стили вообще отсутствуют, как исправить?

Открываете инструменты разработчика.
Если там ошибка, значит неверные пути.
Если нет, значит ошибка в самом css либо в html. Проверяйте валидатором.

Как сделать логику калькулятора, где учиться?

Anvar66, уже половина дела.
Дальше ищете аналоги в гугле или прямо в codepen https://codepen.io/search/pens?q=plus+minus+buttons
Аналогично для даты.

Как сделать логику калькулятора, где учиться?

Разбейте задачи на части.
Начните с верстки.
Сверстать можете?

Сложно ли вам было верстать большие макеты чем ваш экран (или сложно, если вы щас верстаете так же)?

Инструменты разработчика позволяют установить ширину окна больше, чем ваша.

Нормально ли если я сделаю ширину 1280пх и буду верстать так, а как закончу сделаю отступы по 80.

Зависит от того что на макете. Фикс размеры или резина, на какой ширине ближайший брейкпоинт и т.д.
С какими-то это прокатит, в других не влезет.

Но главное:

отступы по бокам по 80пх

Окно может быть любой ширины.
И это margin auto, т.е. центрирование, а не фиксированные отступы.
Ведь если окно будет 1920, вы же не прибьете контент к левому борту, отступив 80px?

Почему не работает :first-child с SCSS (SASS)?

MaksSmag,

какая разница между двумя вариантами?

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

https://jsfiddle.net/exfan2js/