diff --git a/README.md b/README.md index 8b1d9c2..cc36099 100644 --- a/README.md +++ b/README.md @@ -11,6 +11,7 @@ + модификаторы отделяются от имения блока или элемента двумя дефисами (--) + значение модификатора отделяется от его имени двумя дефисами (--) * из конечного HTML-файла убрать все комментарии, если такие имеются +* все медиазапросы пишутся в отдельных файлах (которые мы подготовили) для того чтобы оптимизировать скорость загрузки; если используется препроцессор, то не нужно в классе каждого блока использовать импорты медиа запросов, а наоборот выносим пример можно посмотреть на ["видео"](https://www.youtube.com/watch?v=9uaENbRyVT4) @@ -26,7 +27,7 @@ 1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл style-core.css 2. Все шрифты выкачать и сохранить локально в директорию /assets/fonts/ и подключить их в файле style-core.css 3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Для удобства подготовлен файл "ui_kit.html" -3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" +3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" и просто использовать готовые классы из style-core.css ### Примечания diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css index 1c11a4e..ac7de8a 100644 --- a/assets/css/gp-style-desktop.css +++ b/assets/css/gp-style-desktop.css @@ -1,4 +1,4 @@ /* Стили для лептопов */ -@media only screen and (max-width: 1720px) { +@media only screen and (min-width: 992px) and (max-width: 1400px) { } \ No newline at end of file diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css index ca8d1c6..0cf51d3 100644 --- a/assets/css/gp-style-mobile.css +++ b/assets/css/gp-style-mobile.css @@ -1,5 +1,5 @@ /* Стили для мобильных устройств */ -@media only screen and (max-width: 480px) { +@media only screen and (max-width: 576px) { } \ No newline at end of file diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css index b6835e3..32a3ef6 100644 --- a/assets/css/gp-style-tablet.css +++ b/assets/css/gp-style-tablet.css @@ -1,5 +1,5 @@ /* Стили для планшетов */ -@media only screen and (max-width: 1024px) { +@media only screen and (max-width: 992px) { } \ No newline at end of file diff --git a/assets/css/gp-style-ultra.css b/assets/css/gp-style-ultra.css index 60aa1f7..c149baa 100644 --- a/assets/css/gp-style-ultra.css +++ b/assets/css/gp-style-ultra.css @@ -1,2 +1,4 @@ /* Стили для ультрашироких экранов */ -@media only screen and (min-width: 1720px) {} \ No newline at end of file +@media only screen and (min-width: 1400px) { + +} \ No newline at end of file diff --git a/index.html b/index.html index ba1bb00..76a7d79 100644 --- a/index.html +++ b/index.html @@ -8,11 +8,11 @@ + - diff --git a/ui_kit.html b/ui_kit.html index 9ecea8f..4196742 100644 --- a/ui_kit.html +++ b/ui_kit.html @@ -8,7 +8,7 @@