grid fallback over flexbox #8
Conversation
There was a problem hiding this comment.
Сам fallback работает. Но с точки зрения отладки было бы лучше не разносить это по всему файлу, а убрать под один @support. Иначе отладка и проверка, становится затруднительной. Надо бегать автозаменой и искать, что отключить, что не отключить. Это, кстати, касается и конструкции @media.
Хотя тут может быть вопрос, какую парадигму выбирать. Но конкретно в данном случая, я не вижу смысла эти конструкции размазывать по разным местам кода. А если ещё и несколько файлов будет, то вообще беда.
css/style.css
Outdated
| { | ||
| .all-links | ||
| { | ||
| left: 2rem; |
There was a problem hiding this comment.
Не понятно зачем тут конструкция not? Можно же без неё. У нас fallback, это как бы то, что работает по умолчанию. А вдруг у нас сама конструкция @support не поддерживается?
| @@ -244,18 +220,6 @@ h2.designers | |||
| transform-origin: bottom; | |||
| } | |||
There was a problem hiding this comment.
div.designers { position: absolute; top: 46%; right: 0; left: 0; transform: translateY(-50%); } h2.designers { position: absolute; left: 70%; top: 46%; margin-top: -300px; transform: rotate(-0.25turn) translateX(-100%); transform-origin: top left; }
Если уж центрировать контент section, то так. И поворот заголовка и позиционирование его таким образом. И falback ниже.
| top: 12%; | ||
| transform: rotate(0); | ||
| writing-mode: vertical-rl; | ||
| } |
There was a problem hiding this comment.
h2.designers { transform: rotate(-180deg); transform-origin: center; writing-mode: vertical-rl; }
css/style.css
Outdated
|
|
||
| h2.designers | ||
| { | ||
| top: 10%; |
css/style.css
Outdated
| { | ||
| h2.designers | ||
| { | ||
| top: 5%; |
css/style.css
Outdated
|
|
||
| h2.designers | ||
| { | ||
| top: 10%; |
css/style.css
Outdated
| { | ||
| h2.designers | ||
| { | ||
| top: 5%; |
css/style.css
Outdated
| @@ -55,6 +55,7 @@ p.menu | |||
| section | |||
| { | |||
| position: relative; | |||
| width: 100vw; | |||
There was a problem hiding this comment.
Это зачем вдруг взялось? Убираем, не нужно.
css/style.css
Outdated
| left: 2%; | ||
| bottom: -65%; | ||
| } | ||
| } | ||
|
|
||
| .stgh-h3 | ||
| @media(min-width: 1450px) |
No description provided.