mirror of
https://github.com/AmruthPillai/Reactive-Resume.git
synced 2025-11-19 11:12:00 +10:00
- attempt at responsiveness fix
- bring back scrollbars - update dependencies
This commit is contained in:
33
src/pages/app/builder.module.css
Normal file
33
src/pages/app/builder.module.css
Normal file
@ -0,0 +1,33 @@
|
||||
.container {
|
||||
@apply w-screen h-screen grid grid-cols-10;
|
||||
}
|
||||
|
||||
.left {
|
||||
@apply col-span-3;
|
||||
}
|
||||
|
||||
.center {
|
||||
@apply col-span-4 h-screen overflow-scroll bg-primary-100 grid justify-center items-center;
|
||||
}
|
||||
|
||||
.right {
|
||||
@apply col-span-3;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1440px) {
|
||||
.container {
|
||||
@apply grid-cols-11;
|
||||
}
|
||||
|
||||
.left {
|
||||
@apply col-span-3;
|
||||
}
|
||||
|
||||
.center {
|
||||
@apply col-span-5;
|
||||
}
|
||||
|
||||
.right {
|
||||
@apply col-span-3;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user