Какие варианты бывают мобильной верстки?

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

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

Какие варианты бывают мобильной верстки?

Сергей Васенин,

может быть есть какая то статистика разрешений телефонов и всё в этом духе?

да, конечно, есть

Где брать заказы на дизайн сайтов и создание под ключ?

Брать заказы за 1500 и за 1000 и за 300.
Делать их качественно.

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

А пока с "кое-каким опытом" только так. Хорошо, если не бесплатно.
Покажите, кстати, портфолио.

Как сделать линии между блоками сетки?

DanilAndreev_5, макет как макет. Или хотите чтобы дизайнеры однообразную унылость рисовали?
Если верстальщик на то, чтобы написать 2 псевдоэлемента тратит час времени, то это нерадивый верстальщик, а не проблемы дизайнера.

Какие варианты бывают мобильной верстки?

Сергей Васенин, да и секрета-то нет.
Геометрия, мозг, руки.

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

Какие варианты бывают мобильной верстки?

Сергей Васенин,

получается что для конкретного разрешения нужно менять блоки в медиа отступы

Если они меняются, то да - менять.
Если они зависят, например, от ширины родителя в %, то оставить в %.
Если они вообще не меняются и всегда равны фиксированной величине в px, то так и оставить.

а для текста нужно указывать единицы измерения в em ?

Если текст дочернего блока зависит от размера шрифта родителя, то да, в em. Если не зависит, а зависит от чего-то другого, то в том и писать.

Какие варианты бывают мобильной верстки?

Сергей Васенин,

через медиа запросы?

Это, вроде, ваше пожелание было:

поэтому хотелось бы либо через медиа запросы научиться

Я показала как.

Что-то решается и без media, просто флексом или гридами. Где-то без media не обойтись, всё зависит от макета.

Как прижать блок с position: absolute к низу другого блока?

staspopov,

чтобы у нее был одинаковый отступ сверху от заголовка

Не понятно кто с кем одинаковый.

Сейчас у вас абсолютный заголовок.
А должен быть блок, который содержит дату и заголовок. Ну и потом нужные margin для даты и заголовка.

Какие варианты бывают мобильной верстки?

Выражусь лаконично: https://jsfiddle.net/95Lkezbf/ - mobile first
Второй вариант в обратную сторону с max-width и значения по убыванию - desktop first.

Изменяйте ширину окошка с результатом.

С остальными свойствами точно также: переопределяете нужные их на необходимой ширине.

Почему с scss не переводится в css?

Hutson, если ваших партнеров и коллег это устраивает, то хорошо.

Почему с scss не переводится в css?

Hutson,

Не могли бы подсказать: стоит ли задавать размеры с помощью vw?

Если эти размеры зависят от размера вьюпорта, то глупо задавать их в чем-то еще. Если они зависят, например, от размера шрифта, то глупо задавать их в vw.

И я не понял смысла этого предложения

Вы собираете css из scss с помощью той программы, в которой пишете код.
Если этот проект попадет к кому-то другому, то он будет вынужден как-то сам разбираться со сборкой. Либо настраивать свой редактор либо писать за вас сборку, предварительно пытаясь разобраться что и в какую папку должно быть скомпилировано.

Вот недавний аналогичный вопрос Как автоматически конвертировать LESS в CSS и сохранять на сервер? он про less, но без разницы.

Почему с scss не переводится в css?

Hutson,

спасибо за сайт

Без разницы какой сайт, это первый онлайн конвертер попавшийся в гугле.

Нужен был, чтобы убедится в том, что ошибка в scss. А не утверждения, что там всё в порядке )))

Можете написать в поле ответа Ваш ответ и я поставлю как решение

Можно просто удалить вопрос как не представляющий особого интереса для других пользователей.

Почему с scss не переводится в css?

Hutson,

Нашёл ошибку font-size: $base-font-size; В чём проблема? Может быть то, что он ещё не задан?

Логично.

А чем так плох sublime для веба?

Сам-то ничем не плох.

Но сборка зависящая от ПО вот что плохо.
Т.е. чтобы собрать проект, нужны танцы с бубнами, вместо того, чтобы просто взять и развернуть его.

Как прижать блок с position: absolute к низу другого блока?

в общем margin-top: -182px; не совпадает

Если блок должен быть прибит к низу другого блока, так и позиционируйте его от нижнего края: bottom: 0

Почему с scss не переводится в css?

Hutson, этим компилируется? https://cssportal.com/scss-to-css/

Вообще завязывайте делать это с помощью sublime, изучайте сборщики.

Как сделать линии между блоками сетки?

Вариантов несколько.

Псевдоэлементы у карточек с расчетом :not(nth-child()) либо прятать за overflow родителя.

Еще это может быть фон градиентом для родительского блока, если известны размеры карточек и их количество кратно количеству столбцов и не прилетит откуда-нибудь еще.

Почему с scss не переводится в css?

Что в style.scss? При наличии ошибок не будет работать.

Важно ли использовать свое настоящее имя на фрилансе?

edward_freedom, не апворком единым...

Важно ли использовать свое настоящее имя на фрилансе?

edward_freedom, вы бы прислали неизвестному потенциальному заказчику свою фотку с паспортом в руках?

Да, на фриланс биржах часто есть возможность подтвердить личность.
Но это не значит, что подтвержденная личность будет работать лучше не подтвержденной.

Как реализовать отступы от краев браузера для всех элементов html?

Супер ссылка в вопросе.

В общем случае так: https://jsfiddle.net/1kd9wfna/
Альтернатива: вставлять фон псевдоэлементом.

Можно задавать класс типа .inner из моего примера (или как хотите назовите) конкретным элементам как дополнительный класс.