Commit f7f9e64c authored by Sergey's avatar Sergey

Upd catalog adaptive

parent a5f71fcd
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
margin: 0; margin: 0;
flex-wrap: wrap;
} }
.breadcrumb__item{ .breadcrumb__item{
...@@ -35,3 +36,9 @@ ...@@ -35,3 +36,9 @@
color: rgba($dark-text, .8); color: rgba($dark-text, .8);
} }
} }
@media screen and (max-width: 425px){
.breadcrumb{
padding-left: 10px;
}
}
\ No newline at end of file
...@@ -154,3 +154,12 @@ ...@@ -154,3 +154,12 @@
bottom: 0; bottom: 0;
margin-bottom: 65px; margin-bottom: 65px;
} }
@media screen and (max-width: 320px){
.filter__list{
flex-wrap: wrap;
}
.filter__item{
width: 100%;
}
}
\ No newline at end of file
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
padding-top: 38px; padding-top: 38px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
} }
.products-list__wrapper .h2__products-list{ .products-list__wrapper .h2__products-list{
...@@ -14,6 +15,7 @@ ...@@ -14,6 +15,7 @@
display: flex; display: flex;
list-style-type: none; list-style-type: none;
flex-wrap: wrap; flex-wrap: wrap;
padding-left: 0;
} }
.product-item{ .product-item{
...@@ -68,3 +70,12 @@ ...@@ -68,3 +70,12 @@
transform: translateY(-10px); transform: translateY(-10px);
} }
} }
@media screen and (max-width: 425px){
.products-list__list{
flex-wrap: wrap;
}
.product-item{
width: 100%;
}
}
\ No newline at end of file
...@@ -115,9 +115,6 @@ ...@@ -115,9 +115,6 @@
.footer__mail-link{ .footer__mail-link{
padding-bottom: 20px; padding-bottom: 20px;
} }
}
@media screen and (max-width: 425px){
.footer__phone{ .footer__phone{
text-align: center; text-align: center;
} }
...@@ -125,4 +122,8 @@ ...@@ -125,4 +122,8 @@
justify-content: center; justify-content: center;
padding-bottom: 20px; padding-bottom: 20px;
} }
.footer__main-item{
width: 100%;
text-align: center;
}
} }
\ No newline at end of file
...@@ -78,10 +78,16 @@ ...@@ -78,10 +78,16 @@
display: none; display: none;
} }
} }
.menu-list__list{
}
} }
@media screen and (max-width: 425px){ @media screen and (max-width: 425px){
.menu-list__item { .menu-list__item {
width: 100%; width: 100%;
} }
.menu-list__list {
flex-wrap: wrap;
}
} }
\ No newline at end of file
<div class="menu-list"> <div class="menu-list menu-list__catalog">
<div class="wrapper menu-list__wrapper"> <div class="wrapper menu-list__wrapper">
<ul class="menu-list__list"> <ul class="menu-list__list">
<li class="menu-list__item"> <li class="menu-list__item">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment