flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix PhotoCard and Locations responsive

Browse Source
This commit is contained in:
Félix Péault
2021-10-26 11:02:41 +02:00
parent ca03881099
commit ad1b57fef2
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/style/molecules/_photo-card.scss
View File

@@ -33,15 +33,25 @@
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
color: $color-cream; color: $color-cream;
font-size: clamp(#{rem(14px)}, 1.25vw, #{rem(16px)}); font-size: clamp(#{rem(12px)}, 1.5vw, #{rem(14px)});
@include bp (sm) {
font-size: clamp(#{rem(12px)}, 1.2vw, #{rem(14px)});
}
picture { picture {
width: 24px; width: 20px;
height: 24px; height: 20px;
margin-right: 16px; margin-right: 12px;
border-radius: 100%; border-radius: 100%;
overflow: hidden; overflow: hidden;
@include bp (sm) {
width: 24px;
height: 24px;
margin-right: 16px;
}
img { img {
display: block; display: block;
width: 100%; width: 100%;

2
src/style/organisms/_locations.scss
View File

@@ -80,7 +80,7 @@
margin-bottom: 40px; margin-bottom: 40px;
@include bp (mob-lg) { @include bp (mob-lg) {
margin-bottom: 0; margin-bottom: 24px;
} }
@include bp (sd) { @include bp (sd) {
margin: 0 22px 56px; margin: 0 22px 56px;