Merge pull request #10579 from scmmishra/onboarding-layout-fix
fix: layout for onboarding step in multiple screen size
This commit is contained in:
commit
64eefec009
1 changed files with 15 additions and 0 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue