mirror of
https://github.com/yusufipk/natours-react.git
synced 2026-09-11 19:16:11 +00:00
created media queries for card, form, popup, story components and for booking section
This commit is contained in:
@@ -21,12 +21,21 @@
|
||||
opacity: 0;
|
||||
transform: translate(-50%, -50%) scale(0.5);
|
||||
transition: all 0.4s 0.2s;
|
||||
|
||||
@include respond(tab-land) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&__left {
|
||||
width: 33.33333333%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
|
||||
@include respond(tab-land) {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__right {
|
||||
@@ -39,6 +48,16 @@
|
||||
&__img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
|
||||
@include respond(tab-land) {
|
||||
width: 50%;
|
||||
float: left;
|
||||
height: 25rem;
|
||||
}
|
||||
|
||||
@include respond(phone) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__text {
|
||||
|
||||
Reference in New Issue
Block a user