fix: layout for onboarding step in multiple screen size

This commit is contained in:
Shivam Mishra 2020-06-04 10:57:57 +05:30
parent f5315a5753
commit fc6b036627

View file

@ -390,6 +390,10 @@
margin-top: 20px;
padding-right: 200px;
@media (max-width: 970px) {
padding-right: 0;
}
&.grid {
display: grid;
grid-template-columns: 1fr 1fr;
@ -410,6 +414,17 @@
&.grid-rows-5 {
grid-template-rows: repeat(5, 1fr);
}
@media (max-width: 768px) {
grid-template-columns: 1fr;
&.grid-rows-2,
&.grid-rows-3,
&.grid-rows-4,
&.grid-rows-5 {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
}
}
.onboarding-step {