Browse code
Allow grid to grow in height if content demands it
Benjamin Roth authored on03/03/2025 13:10:54 Showing3 changed files
- public/css/grid-placement-wrapper.css
- public/css/grid-placement-wrapper.min.css
- public/css/grid-placement-wrapper.scss
| ... | ... |
@@ -151,108 +151,143 @@ |
| 151 | 151 |
.gp--col-tablet-start-1 {
|
| 152 | 152 |
grid-column-start: 1; |
| 153 | 153 |
} |
| 154 |
+ |
|
| 154 | 155 |
.gp--col-tablet-end-2 {
|
| 155 | 156 |
grid-column-end: 2; |
| 156 | 157 |
} |
| 158 |
+ |
|
| 157 | 159 |
.gp--col-tablet-start-2 {
|
| 158 | 160 |
grid-column-start: 2; |
| 159 | 161 |
} |
| 162 |
+ |
|
| 160 | 163 |
.gp--col-tablet-end-3 {
|
| 161 | 164 |
grid-column-end: 3; |
| 162 | 165 |
} |
| 166 |
+ |
|
| 163 | 167 |
.gp--col-tablet-start-3 {
|
| 164 | 168 |
grid-column-start: 3; |
| 165 | 169 |
} |
| 170 |
+ |
|
| 166 | 171 |
.gp--col-tablet-end-4 {
|
| 167 | 172 |
grid-column-end: 4; |
| 168 | 173 |
} |
| 174 |
+ |
|
| 169 | 175 |
.gp--col-tablet-start-4 {
|
| 170 | 176 |
grid-column-start: 4; |
| 171 | 177 |
} |
| 178 |
+ |
|
| 172 | 179 |
.gp--col-tablet-end-5 {
|
| 173 | 180 |
grid-column-end: 5; |
| 174 | 181 |
} |
| 182 |
+ |
|
| 175 | 183 |
.gp--col-tablet-start-5 {
|
| 176 | 184 |
grid-column-start: 5; |
| 177 | 185 |
} |
| 186 |
+ |
|
| 178 | 187 |
.gp--col-tablet-end-6 {
|
| 179 | 188 |
grid-column-end: 6; |
| 180 | 189 |
} |
| 190 |
+ |
|
| 181 | 191 |
.gp--col-tablet-start-6 {
|
| 182 | 192 |
grid-column-start: 6; |
| 183 | 193 |
} |
| 194 |
+ |
|
| 184 | 195 |
.gp--col-tablet-end-7 {
|
| 185 | 196 |
grid-column-end: 7; |
| 186 | 197 |
} |
| 198 |
+ |
|
| 187 | 199 |
.gp--col-tablet-start-7 {
|
| 188 | 200 |
grid-column-start: 7; |
| 189 | 201 |
} |
| 202 |
+ |
|
| 190 | 203 |
.gp--col-tablet-end-8 {
|
| 191 | 204 |
grid-column-end: 8; |
| 192 | 205 |
} |
| 206 |
+ |
|
| 193 | 207 |
.gp--col-tablet-start-8 {
|
| 194 | 208 |
grid-column-start: 8; |
| 195 | 209 |
} |
| 210 |
+ |
|
| 196 | 211 |
.gp--col-tablet-end-9 {
|
| 197 | 212 |
grid-column-end: 9; |
| 198 | 213 |
} |
| 214 |
+ |
|
| 199 | 215 |
.gp--col-tablet-start-9 {
|
| 200 | 216 |
grid-column-start: 9; |
| 201 | 217 |
} |
| 218 |
+ |
|
| 202 | 219 |
.gp--col-tablet-end-10 {
|
| 203 | 220 |
grid-column-end: 10; |
| 204 | 221 |
} |
| 222 |
+ |
|
| 205 | 223 |
.gp--col-tablet-start-10 {
|
| 206 | 224 |
grid-column-start: 10; |
| 207 | 225 |
} |
| 226 |
+ |
|
| 208 | 227 |
.gp--col-tablet-end-11 {
|
| 209 | 228 |
grid-column-end: 11; |
| 210 | 229 |
} |
| 230 |
+ |
|
| 211 | 231 |
.gp--col-tablet-start-11 {
|
| 212 | 232 |
grid-column-start: 11; |
| 213 | 233 |
} |
| 234 |
+ |
|
| 214 | 235 |
.gp--col-tablet-end-12 {
|
| 215 | 236 |
grid-column-end: 12; |
| 216 | 237 |
} |
| 238 |
+ |
|
| 217 | 239 |
.gp--col-tablet-start-12 {
|
| 218 | 240 |
grid-column-start: 12; |
| 219 | 241 |
} |
| 242 |
+ |
|
| 220 | 243 |
.gp--col-tablet-end-13 {
|
| 221 | 244 |
grid-column-end: 13; |
| 222 | 245 |
} |
| 246 |
+ |
|
| 223 | 247 |
.gp--row-tablet-start-1 {
|
| 224 | 248 |
grid-row-start: 1; |
| 225 | 249 |
} |
| 250 |
+ |
|
| 226 | 251 |
.gp--row-tablet-end-2 {
|
| 227 | 252 |
grid-row-end: 2; |
| 228 | 253 |
} |
| 254 |
+ |
|
| 229 | 255 |
.gp--row-tablet-start-2 {
|
| 230 | 256 |
grid-row-start: 2; |
| 231 | 257 |
} |
| 258 |
+ |
|
| 232 | 259 |
.gp--row-tablet-end-3 {
|
| 233 | 260 |
grid-row-end: 3; |
| 234 | 261 |
} |
| 262 |
+ |
|
| 235 | 263 |
.gp--row-tablet-start-3 {
|
| 236 | 264 |
grid-row-start: 3; |
| 237 | 265 |
} |
| 266 |
+ |
|
| 238 | 267 |
.gp--row-tablet-end-4 {
|
| 239 | 268 |
grid-row-end: 4; |
| 240 | 269 |
} |
| 270 |
+ |
|
| 241 | 271 |
.gp--row-tablet-start-4 {
|
| 242 | 272 |
grid-row-start: 4; |
| 243 | 273 |
} |
| 274 |
+ |
|
| 244 | 275 |
.gp--row-tablet-end-5 {
|
| 245 | 276 |
grid-row-end: 5; |
| 246 | 277 |
} |
| 278 |
+ |
|
| 247 | 279 |
.gp--row-tablet-start-5 {
|
| 248 | 280 |
grid-row-start: 5; |
| 249 | 281 |
} |
| 282 |
+ |
|
| 250 | 283 |
.gp--row-tablet-end-6 {
|
| 251 | 284 |
grid-row-end: 6; |
| 252 | 285 |
} |
| 286 |
+ |
|
| 253 | 287 |
.gp--row-tablet-start-6 {
|
| 254 | 288 |
grid-row-start: 6; |
| 255 | 289 |
} |
| 290 |
+ |
|
| 256 | 291 |
.gp--row-tablet-end-7 {
|
| 257 | 292 |
grid-row-end: 7; |
| 258 | 293 |
} |
| ... | ... |
@@ -261,116 +296,158 @@ |
| 261 | 296 |
.gp--col-mobil-start-1 {
|
| 262 | 297 |
grid-column-start: 1; |
| 263 | 298 |
} |
| 299 |
+ |
|
| 264 | 300 |
.gp--col-mobil-end-2 {
|
| 265 | 301 |
grid-column-end: 2; |
| 266 | 302 |
} |
| 303 |
+ |
|
| 267 | 304 |
.gp--col-mobil-start-2 {
|
| 268 | 305 |
grid-column-start: 2; |
| 269 | 306 |
} |
| 307 |
+ |
|
| 270 | 308 |
.gp--col-mobil-end-3 {
|
| 271 | 309 |
grid-column-end: 3; |
| 272 | 310 |
} |
| 311 |
+ |
|
| 273 | 312 |
.gp--col-mobil-start-3 {
|
| 274 | 313 |
grid-column-start: 3; |
| 275 | 314 |
} |
| 315 |
+ |
|
| 276 | 316 |
.gp--col-mobil-end-4 {
|
| 277 | 317 |
grid-column-end: 4; |
| 278 | 318 |
} |
| 319 |
+ |
|
| 279 | 320 |
.gp--col-mobil-start-4 {
|
| 280 | 321 |
grid-column-start: 4; |
| 281 | 322 |
} |
| 323 |
+ |
|
| 282 | 324 |
.gp--col-mobil-end-5 {
|
| 283 | 325 |
grid-column-end: 5; |
| 284 | 326 |
} |
| 327 |
+ |
|
| 285 | 328 |
.gp--col-mobil-start-5 {
|
| 286 | 329 |
grid-column-start: 5; |
| 287 | 330 |
} |
| 331 |
+ |
|
| 288 | 332 |
.gp--col-mobil-end-6 {
|
| 289 | 333 |
grid-column-end: 6; |
| 290 | 334 |
} |
| 335 |
+ |
|
| 291 | 336 |
.gp--col-mobil-start-6 {
|
| 292 | 337 |
grid-column-start: 6; |
| 293 | 338 |
} |
| 339 |
+ |
|
| 294 | 340 |
.gp--col-mobil-end-7 {
|
| 295 | 341 |
grid-column-end: 7; |
| 296 | 342 |
} |
| 343 |
+ |
|
| 297 | 344 |
.gp--col-mobil-start-7 {
|
| 298 | 345 |
grid-column-start: 7; |
| 299 | 346 |
} |
| 347 |
+ |
|
| 300 | 348 |
.gp--col-mobil-end-8 {
|
| 301 | 349 |
grid-column-end: 8; |
| 302 | 350 |
} |
| 351 |
+ |
|
| 303 | 352 |
.gp--col-mobil-start-8 {
|
| 304 | 353 |
grid-column-start: 8; |
| 305 | 354 |
} |
| 355 |
+ |
|
| 306 | 356 |
.gp--col-mobil-end-9 {
|
| 307 | 357 |
grid-column-end: 9; |
| 308 | 358 |
} |
| 359 |
+ |
|
| 309 | 360 |
.gp--col-mobil-start-9 {
|
| 310 | 361 |
grid-column-start: 9; |
| 311 | 362 |
} |
| 363 |
+ |
|
| 312 | 364 |
.gp--col-mobil-end-10 {
|
| 313 | 365 |
grid-column-end: 10; |
| 314 | 366 |
} |
| 367 |
+ |
|
| 315 | 368 |
.gp--col-mobil-start-10 {
|
| 316 | 369 |
grid-column-start: 10; |
| 317 | 370 |
} |
| 371 |
+ |
|
| 318 | 372 |
.gp--col-mobil-end-11 {
|
| 319 | 373 |
grid-column-end: 11; |
| 320 | 374 |
} |
| 375 |
+ |
|
| 321 | 376 |
.gp--col-mobil-start-11 {
|
| 322 | 377 |
grid-column-start: 11; |
| 323 | 378 |
} |
| 379 |
+ |
|
| 324 | 380 |
.gp--col-mobil-end-12 {
|
| 325 | 381 |
grid-column-end: 12; |
| 326 | 382 |
} |
| 383 |
+ |
|
| 327 | 384 |
.gp--col-mobil-start-12 {
|
| 328 | 385 |
grid-column-start: 12; |
| 329 | 386 |
} |
| 387 |
+ |
|
| 330 | 388 |
.gp--col-mobil-end-13 {
|
| 331 | 389 |
grid-column-end: 13; |
| 332 | 390 |
} |
| 391 |
+ |
|
| 333 | 392 |
.gp--row-mobil-start-1 {
|
| 334 | 393 |
grid-row-start: 1; |
| 335 | 394 |
} |
| 395 |
+ |
|
| 336 | 396 |
.gp--row-mobil-end-2 {
|
| 337 | 397 |
grid-row-end: 2; |
| 338 | 398 |
} |
| 399 |
+ |
|
| 339 | 400 |
.gp--row-mobil-start-2 {
|
| 340 | 401 |
grid-row-start: 2; |
| 341 | 402 |
} |
| 403 |
+ |
|
| 342 | 404 |
.gp--row-mobil-end-3 {
|
| 343 | 405 |
grid-row-end: 3; |
| 344 | 406 |
} |
| 407 |
+ |
|
| 345 | 408 |
.gp--row-mobil-start-3 {
|
| 346 | 409 |
grid-row-start: 3; |
| 347 | 410 |
} |
| 411 |
+ |
|
| 348 | 412 |
.gp--row-mobil-end-4 {
|
| 349 | 413 |
grid-row-end: 4; |
| 350 | 414 |
} |
| 415 |
+ |
|
| 351 | 416 |
.gp--row-mobil-start-4 {
|
| 352 | 417 |
grid-row-start: 4; |
| 353 | 418 |
} |
| 419 |
+ |
|
| 354 | 420 |
.gp--row-mobil-end-5 {
|
| 355 | 421 |
grid-row-end: 5; |
| 356 | 422 |
} |
| 423 |
+ |
|
| 357 | 424 |
.gp--row-mobil-start-5 {
|
| 358 | 425 |
grid-row-start: 5; |
| 359 | 426 |
} |
| 427 |
+ |
|
| 360 | 428 |
.gp--row-mobil-end-6 {
|
| 361 | 429 |
grid-row-end: 6; |
| 362 | 430 |
} |
| 431 |
+ |
|
| 363 | 432 |
.gp--row-mobil-start-6 {
|
| 364 | 433 |
grid-row-start: 6; |
| 365 | 434 |
} |
| 435 |
+ |
|
| 366 | 436 |
.gp--row-mobil-end-7 {
|
| 367 | 437 |
grid-row-end: 7; |
| 368 | 438 |
} |
| 369 | 439 |
} |
| 440 |
+.content-grid-placement-wrapper {
|
|
| 441 |
+ display: flex; |
|
| 442 |
+} |
|
| 443 |
+ |
|
| 444 |
+.content-grid-placement-wrapper, |
|
| 445 |
+.gp--grid-container {
|
|
| 446 |
+ min-height: 100%; |
|
| 447 |
+} |
|
| 448 |
+ |
|
| 370 | 449 |
.gp--grid-container {
|
| 371 | 450 |
display: grid; |
| 372 | 451 |
grid-template-columns: repeat(var(--grid-columns), minmax(0px, 1fr)); |
| 373 | 452 |
grid-template-rows: repeat(var(--grid-rows), minmax(0px, auto)); |
| 374 |
- position: absolute; |
|
| 375 |
- inset: 0; |
|
| 376 | 453 |
} |
| ... | ... |
@@ -1 +1 @@ |
| 1 |
-:root{--grid-columns:12;--grid-rows:6}.gp--col-start-1{grid-column-start:1}.gp--col-end-2{grid-column-end:2}.gp--col-start-2{grid-column-start:2}.gp--col-end-3{grid-column-end:3}.gp--col-start-3{grid-column-start:3}.gp--col-end-4{grid-column-end:4}.gp--col-start-4{grid-column-start:4}.gp--col-end-5{grid-column-end:5}.gp--col-start-5{grid-column-start:5}.gp--col-end-6{grid-column-end:6}.gp--col-start-6{grid-column-start:6}.gp--col-end-7{grid-column-end:7}.gp--col-start-7{grid-column-start:7}.gp--col-end-8{grid-column-end:8}.gp--col-start-8{grid-column-start:8}.gp--col-end-9{grid-column-end:9}.gp--col-start-9{grid-column-start:9}.gp--col-end-10{grid-column-end:10}.gp--col-start-10{grid-column-start:10}.gp--col-end-11{grid-column-end:11}.gp--col-start-11{grid-column-start:11}.gp--col-end-12{grid-column-end:12}.gp--col-start-12{grid-column-start:12}.gp--col-end-13{grid-column-end:13}.gp--row-start-1{grid-row-start:1}.gp--row-end-2{grid-row-end:2}.gp--row-start-2{grid-row-start:2}.gp--row-end-3{grid-row-end:3}.gp--row-start-3{grid-row-start:3}.gp--row-end-4{grid-row-end:4}.gp--row-start-4{grid-row-start:4}.gp--row-end-5{grid-row-end:5}.gp--row-start-5{grid-row-start:5}.gp--row-end-6{grid-row-end:6}.gp--row-start-6{grid-row-start:6}.gp--row-end-7{grid-row-end:7}@media (max-width:900px){.gp--col-tablet-start-1{grid-column-start:1}.gp--col-tablet-end-2{grid-column-end:2}.gp--col-tablet-start-2{grid-column-start:2}.gp--col-tablet-end-3{grid-column-end:3}.gp--col-tablet-start-3{grid-column-start:3}.gp--col-tablet-end-4{grid-column-end:4}.gp--col-tablet-start-4{grid-column-start:4}.gp--col-tablet-end-5{grid-column-end:5}.gp--col-tablet-start-5{grid-column-start:5}.gp--col-tablet-end-6{grid-column-end:6}.gp--col-tablet-start-6{grid-column-start:6}.gp--col-tablet-end-7{grid-column-end:7}.gp--col-tablet-start-7{grid-column-start:7}.gp--col-tablet-end-8{grid-column-end:8}.gp--col-tablet-start-8{grid-column-start:8}.gp--col-tablet-end-9{grid-column-end:9}.gp--col-tablet-start-9{grid-column-start:9}.gp--col-tablet-end-10{grid-column-end:10}.gp--col-tablet-start-10{grid-column-start:10}.gp--col-tablet-end-11{grid-column-end:11}.gp--col-tablet-start-11{grid-column-start:11}.gp--col-tablet-end-12{grid-column-end:12}.gp--col-tablet-start-12{grid-column-start:12}.gp--col-tablet-end-13{grid-column-end:13}.gp--row-tablet-start-1{grid-row-start:1}.gp--row-tablet-end-2{grid-row-end:2}.gp--row-tablet-start-2{grid-row-start:2}.gp--row-tablet-end-3{grid-row-end:3}.gp--row-tablet-start-3{grid-row-start:3}.gp--row-tablet-end-4{grid-row-end:4}.gp--row-tablet-start-4{grid-row-start:4}.gp--row-tablet-end-5{grid-row-end:5}.gp--row-tablet-start-5{grid-row-start:5}.gp--row-tablet-end-6{grid-row-end:6}.gp--row-tablet-start-6{grid-row-start:6}.gp--row-tablet-end-7{grid-row-end:7}}@media (max-width:599px){.gp--col-mobil-start-1{grid-column-start:1}.gp--col-mobil-end-2{grid-column-end:2}.gp--col-mobil-start-2{grid-column-start:2}.gp--col-mobil-end-3{grid-column-end:3}.gp--col-mobil-start-3{grid-column-start:3}.gp--col-mobil-end-4{grid-column-end:4}.gp--col-mobil-start-4{grid-column-start:4}.gp--col-mobil-end-5{grid-column-end:5}.gp--col-mobil-start-5{grid-column-start:5}.gp--col-mobil-end-6{grid-column-end:6}.gp--col-mobil-start-6{grid-column-start:6}.gp--col-mobil-end-7{grid-column-end:7}.gp--col-mobil-start-7{grid-column-start:7}.gp--col-mobil-end-8{grid-column-end:8}.gp--col-mobil-start-8{grid-column-start:8}.gp--col-mobil-end-9{grid-column-end:9}.gp--col-mobil-start-9{grid-column-start:9}.gp--col-mobil-end-10{grid-column-end:10}.gp--col-mobil-start-10{grid-column-start:10}.gp--col-mobil-end-11{grid-column-end:11}.gp--col-mobil-start-11{grid-column-start:11}.gp--col-mobil-end-12{grid-column-end:12}.gp--col-mobil-start-12{grid-column-start:12}.gp--col-mobil-end-13{grid-column-end:13}.gp--row-mobil-start-1{grid-row-start:1}.gp--row-mobil-end-2{grid-row-end:2}.gp--row-mobil-start-2{grid-row-start:2}.gp--row-mobil-end-3{grid-row-end:3}.gp--row-mobil-start-3{grid-row-start:3}.gp--row-mobil-end-4{grid-row-end:4}.gp--row-mobil-start-4{grid-row-start:4}.gp--row-mobil-end-5{grid-row-end:5}.gp--row-mobil-start-5{grid-row-start:5}.gp--row-mobil-end-6{grid-row-end:6}.gp--row-mobil-start-6{grid-row-start:6}.gp--row-mobil-end-7{grid-row-end:7}}.gp--grid-container{display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,auto));position:absolute;inset:0}
|
|
| 2 | 1 |
\ No newline at end of file |
| 2 |
+:root{--grid-columns:12;--grid-rows:6}.gp--col-start-1{grid-column-start:1}.gp--col-end-2{grid-column-end:2}.gp--col-start-2{grid-column-start:2}.gp--col-end-3{grid-column-end:3}.gp--col-start-3{grid-column-start:3}.gp--col-end-4{grid-column-end:4}.gp--col-start-4{grid-column-start:4}.gp--col-end-5{grid-column-end:5}.gp--col-start-5{grid-column-start:5}.gp--col-end-6{grid-column-end:6}.gp--col-start-6{grid-column-start:6}.gp--col-end-7{grid-column-end:7}.gp--col-start-7{grid-column-start:7}.gp--col-end-8{grid-column-end:8}.gp--col-start-8{grid-column-start:8}.gp--col-end-9{grid-column-end:9}.gp--col-start-9{grid-column-start:9}.gp--col-end-10{grid-column-end:10}.gp--col-start-10{grid-column-start:10}.gp--col-end-11{grid-column-end:11}.gp--col-start-11{grid-column-start:11}.gp--col-end-12{grid-column-end:12}.gp--col-start-12{grid-column-start:12}.gp--col-end-13{grid-column-end:13}.gp--row-start-1{grid-row-start:1}.gp--row-end-2{grid-row-end:2}.gp--row-start-2{grid-row-start:2}.gp--row-end-3{grid-row-end:3}.gp--row-start-3{grid-row-start:3}.gp--row-end-4{grid-row-end:4}.gp--row-start-4{grid-row-start:4}.gp--row-end-5{grid-row-end:5}.gp--row-start-5{grid-row-start:5}.gp--row-end-6{grid-row-end:6}.gp--row-start-6{grid-row-start:6}.gp--row-end-7{grid-row-end:7}@media (max-width:900px){.gp--col-tablet-start-1{grid-column-start:1}.gp--col-tablet-end-2{grid-column-end:2}.gp--col-tablet-start-2{grid-column-start:2}.gp--col-tablet-end-3{grid-column-end:3}.gp--col-tablet-start-3{grid-column-start:3}.gp--col-tablet-end-4{grid-column-end:4}.gp--col-tablet-start-4{grid-column-start:4}.gp--col-tablet-end-5{grid-column-end:5}.gp--col-tablet-start-5{grid-column-start:5}.gp--col-tablet-end-6{grid-column-end:6}.gp--col-tablet-start-6{grid-column-start:6}.gp--col-tablet-end-7{grid-column-end:7}.gp--col-tablet-start-7{grid-column-start:7}.gp--col-tablet-end-8{grid-column-end:8}.gp--col-tablet-start-8{grid-column-start:8}.gp--col-tablet-end-9{grid-column-end:9}.gp--col-tablet-start-9{grid-column-start:9}.gp--col-tablet-end-10{grid-column-end:10}.gp--col-tablet-start-10{grid-column-start:10}.gp--col-tablet-end-11{grid-column-end:11}.gp--col-tablet-start-11{grid-column-start:11}.gp--col-tablet-end-12{grid-column-end:12}.gp--col-tablet-start-12{grid-column-start:12}.gp--col-tablet-end-13{grid-column-end:13}.gp--row-tablet-start-1{grid-row-start:1}.gp--row-tablet-end-2{grid-row-end:2}.gp--row-tablet-start-2{grid-row-start:2}.gp--row-tablet-end-3{grid-row-end:3}.gp--row-tablet-start-3{grid-row-start:3}.gp--row-tablet-end-4{grid-row-end:4}.gp--row-tablet-start-4{grid-row-start:4}.gp--row-tablet-end-5{grid-row-end:5}.gp--row-tablet-start-5{grid-row-start:5}.gp--row-tablet-end-6{grid-row-end:6}.gp--row-tablet-start-6{grid-row-start:6}.gp--row-tablet-end-7{grid-row-end:7}}@media (max-width:599px){.gp--col-mobil-start-1{grid-column-start:1}.gp--col-mobil-end-2{grid-column-end:2}.gp--col-mobil-start-2{grid-column-start:2}.gp--col-mobil-end-3{grid-column-end:3}.gp--col-mobil-start-3{grid-column-start:3}.gp--col-mobil-end-4{grid-column-end:4}.gp--col-mobil-start-4{grid-column-start:4}.gp--col-mobil-end-5{grid-column-end:5}.gp--col-mobil-start-5{grid-column-start:5}.gp--col-mobil-end-6{grid-column-end:6}.gp--col-mobil-start-6{grid-column-start:6}.gp--col-mobil-end-7{grid-column-end:7}.gp--col-mobil-start-7{grid-column-start:7}.gp--col-mobil-end-8{grid-column-end:8}.gp--col-mobil-start-8{grid-column-start:8}.gp--col-mobil-end-9{grid-column-end:9}.gp--col-mobil-start-9{grid-column-start:9}.gp--col-mobil-end-10{grid-column-end:10}.gp--col-mobil-start-10{grid-column-start:10}.gp--col-mobil-end-11{grid-column-end:11}.gp--col-mobil-start-11{grid-column-start:11}.gp--col-mobil-end-12{grid-column-end:12}.gp--col-mobil-start-12{grid-column-start:12}.gp--col-mobil-end-13{grid-column-end:13}.gp--row-mobil-start-1{grid-row-start:1}.gp--row-mobil-end-2{grid-row-end:2}.gp--row-mobil-start-2{grid-row-start:2}.gp--row-mobil-end-3{grid-row-end:3}.gp--row-mobil-start-3{grid-row-start:3}.gp--row-mobil-end-4{grid-row-end:4}.gp--row-mobil-start-4{grid-row-start:4}.gp--row-mobil-end-5{grid-row-end:5}.gp--row-mobil-start-5{grid-row-start:5}.gp--row-mobil-end-6{grid-row-end:6}.gp--row-mobil-start-6{grid-row-start:6}.gp--row-mobil-end-7{grid-row-end:7}}.content-grid-placement-wrapper{display:flex;min-height:100%}.gp--grid-container{min-height:100%;display:grid;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows),minmax(0,auto))}
|
|
| 3 | 3 |
\ No newline at end of file |
| ... | ... |
@@ -69,10 +69,15 @@ $grid-rows: 6; |
| 69 | 69 |
|
| 70 | 70 |
|
| 71 | 71 |
// Anpassen des Containers |
| 72 |
+.content-grid-placement-wrapper {
|
|
| 73 |
+ display: flex; |
|
| 74 |
+} |
|
| 75 |
+.content-grid-placement-wrapper, |
|
| 76 |
+.gp--grid-container {
|
|
| 77 |
+ min-height: 100%; |
|
| 78 |
+} |
|
| 72 | 79 |
.gp--grid-container {
|
| 73 | 80 |
display: grid; |
| 74 | 81 |
grid-template-columns: repeat(var(--grid-columns), minmax(0px, 1fr)); |
| 75 | 82 |
grid-template-rows: repeat(var(--grid-rows), minmax(0px, auto)); |
| 76 |
- position: absolute; |
|
| 77 |
- inset: 0; |
|
| 78 | 83 |
} |