Commit f7f9e64c authored by Sergey's avatar Sergey

Upd catalog adaptive

parent a5f71fcd
......@@ -8,6 +8,7 @@
list-style-type: none;
padding-left: 0;
margin: 0;
flex-wrap: wrap;
}
.breadcrumb__item{
......@@ -34,4 +35,10 @@
text-decoration: underline;
color: rgba($dark-text, .8);
}
}
@media screen and (max-width: 425px){
.breadcrumb{
padding-left: 10px;
}
}
\ No newline at end of file
......@@ -153,4 +153,13 @@
left: 0;
bottom: 0;
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 @@
padding-top: 38px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.products-list__wrapper .h2__products-list{
......@@ -14,6 +15,7 @@
display: flex;
list-style-type: none;
flex-wrap: wrap;
padding-left: 0;
}
.product-item{
......@@ -67,4 +69,13 @@
.product-item__img{
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 @@
.footer__mail-link{
padding-bottom: 20px;
}
}
@media screen and (max-width: 425px){
.footer__phone{
text-align: center;
}
......@@ -125,4 +122,8 @@
justify-content: center;
padding-bottom: 20px;
}
.footer__main-item{
width: 100%;
text-align: center;
}
}
\ No newline at end of file
......@@ -78,10 +78,16 @@
display: none;
}
}
.menu-list__list{
}
}
@media screen and (max-width: 425px){
.menu-list__item {
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">
<ul class="menu-list__list">
<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