Skip to content

Commit be88409

Browse files
eliocroeliocro
committed
Grid fix and add image
1 parent 5117c77 commit be88409

4 files changed

Lines changed: 98 additions & 98 deletions

File tree

‎.css/style.css‎

Lines changed: 48 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -218,51 +218,51 @@ p {
218218

219219
.grid.grid--cols-1 {
220220
display: grid;
221-
grid-template-columns: repeat(1, 1fr); }
221+
grid-template-columns: repeat(1, minmax(0, 1fr)); }
222222

223223
.grid.grid--cols-2 {
224224
display: grid;
225-
grid-template-columns: repeat(2, 1fr); }
225+
grid-template-columns: repeat(2, minmax(0, 1fr)); }
226226

227227
.grid.grid--cols-3 {
228228
display: grid;
229-
grid-template-columns: repeat(3, 1fr); }
229+
grid-template-columns: repeat(3, minmax(0, 1fr)); }
230230

231231
.grid.grid--cols-4 {
232232
display: grid;
233-
grid-template-columns: repeat(4, 1fr); }
233+
grid-template-columns: repeat(4, minmax(0, 1fr)); }
234234

235235
.grid.grid--cols-5 {
236236
display: grid;
237-
grid-template-columns: repeat(5, 1fr); }
237+
grid-template-columns: repeat(5, minmax(0, 1fr)); }
238238

239239
.grid.grid--cols-6 {
240240
display: grid;
241-
grid-template-columns: repeat(6, 1fr); }
241+
grid-template-columns: repeat(6, minmax(0, 1fr)); }
242242

243243
.grid.grid--cols-7 {
244244
display: grid;
245-
grid-template-columns: repeat(7, 1fr); }
245+
grid-template-columns: repeat(7, minmax(0, 1fr)); }
246246

247247
.grid.grid--cols-8 {
248248
display: grid;
249-
grid-template-columns: repeat(8, 1fr); }
249+
grid-template-columns: repeat(8, minmax(0, 1fr)); }
250250

251251
.grid.grid--cols-9 {
252252
display: grid;
253-
grid-template-columns: repeat(9, 1fr); }
253+
grid-template-columns: repeat(9, minmax(0, 1fr)); }
254254

255255
.grid.grid--cols-10 {
256256
display: grid;
257-
grid-template-columns: repeat(10, 1fr); }
257+
grid-template-columns: repeat(10, minmax(0, 1fr)); }
258258

259259
.grid.grid--cols-11 {
260260
display: grid;
261-
grid-template-columns: repeat(11, 1fr); }
261+
grid-template-columns: repeat(11, minmax(0, 1fr)); }
262262

263263
.grid.grid--cols-12 {
264264
display: grid;
265-
grid-template-columns: repeat(12, 1fr); }
265+
grid-template-columns: repeat(12, minmax(0, 1fr)); }
266266

267267
.grid .col--span-1 {
268268
grid-column: span 1; }
@@ -390,40 +390,40 @@ p {
390390
@media (max-width: 767px) {
391391
.grid.grid--s-cols-1 {
392392
display: grid;
393-
grid-template-columns: repeat(1, 1fr); }
393+
grid-template-columns: repeat(1, minmax(0, 1fr)); }
394394
.grid.grid--s-cols-2 {
395395
display: grid;
396-
grid-template-columns: repeat(2, 1fr); }
396+
grid-template-columns: repeat(2, minmax(0, 1fr)); }
397397
.grid.grid--s-cols-3 {
398398
display: grid;
399-
grid-template-columns: repeat(3, 1fr); }
399+
grid-template-columns: repeat(3, minmax(0, 1fr)); }
400400
.grid.grid--s-cols-4 {
401401
display: grid;
402-
grid-template-columns: repeat(4, 1fr); }
402+
grid-template-columns: repeat(4, minmax(0, 1fr)); }
403403
.grid.grid--s-cols-5 {
404404
display: grid;
405-
grid-template-columns: repeat(5, 1fr); }
405+
grid-template-columns: repeat(5, minmax(0, 1fr)); }
406406
.grid.grid--s-cols-6 {
407407
display: grid;
408-
grid-template-columns: repeat(6, 1fr); }
408+
grid-template-columns: repeat(6, minmax(0, 1fr)); }
409409
.grid.grid--s-cols-7 {
410410
display: grid;
411-
grid-template-columns: repeat(7, 1fr); }
411+
grid-template-columns: repeat(7, minmax(0, 1fr)); }
412412
.grid.grid--s-cols-8 {
413413
display: grid;
414-
grid-template-columns: repeat(8, 1fr); }
414+
grid-template-columns: repeat(8, minmax(0, 1fr)); }
415415
.grid.grid--s-cols-9 {
416416
display: grid;
417-
grid-template-columns: repeat(9, 1fr); }
417+
grid-template-columns: repeat(9, minmax(0, 1fr)); }
418418
.grid.grid--s-cols-10 {
419419
display: grid;
420-
grid-template-columns: repeat(10, 1fr); }
420+
grid-template-columns: repeat(10, minmax(0, 1fr)); }
421421
.grid.grid--s-cols-11 {
422422
display: grid;
423-
grid-template-columns: repeat(11, 1fr); }
423+
grid-template-columns: repeat(11, minmax(0, 1fr)); }
424424
.grid.grid--s-cols-12 {
425425
display: grid;
426-
grid-template-columns: repeat(12, 1fr); }
426+
grid-template-columns: repeat(12, minmax(0, 1fr)); }
427427
.grid .s-col--span-1 {
428428
grid-column: span 1; }
429429
.grid .s-col--start-1 {
@@ -510,40 +510,40 @@ p {
510510
@media (min-width: 768px) {
511511
.grid.grid--m-cols-1 {
512512
display: grid;
513-
grid-template-columns: repeat(1, 1fr); }
513+
grid-template-columns: repeat(1, minmax(0, 1fr)); }
514514
.grid.grid--m-cols-2 {
515515
display: grid;
516-
grid-template-columns: repeat(2, 1fr); }
516+
grid-template-columns: repeat(2, minmax(0, 1fr)); }
517517
.grid.grid--m-cols-3 {
518518
display: grid;
519-
grid-template-columns: repeat(3, 1fr); }
519+
grid-template-columns: repeat(3, minmax(0, 1fr)); }
520520
.grid.grid--m-cols-4 {
521521
display: grid;
522-
grid-template-columns: repeat(4, 1fr); }
522+
grid-template-columns: repeat(4, minmax(0, 1fr)); }
523523
.grid.grid--m-cols-5 {
524524
display: grid;
525-
grid-template-columns: repeat(5, 1fr); }
525+
grid-template-columns: repeat(5, minmax(0, 1fr)); }
526526
.grid.grid--m-cols-6 {
527527
display: grid;
528-
grid-template-columns: repeat(6, 1fr); }
528+
grid-template-columns: repeat(6, minmax(0, 1fr)); }
529529
.grid.grid--m-cols-7 {
530530
display: grid;
531-
grid-template-columns: repeat(7, 1fr); }
531+
grid-template-columns: repeat(7, minmax(0, 1fr)); }
532532
.grid.grid--m-cols-8 {
533533
display: grid;
534-
grid-template-columns: repeat(8, 1fr); }
534+
grid-template-columns: repeat(8, minmax(0, 1fr)); }
535535
.grid.grid--m-cols-9 {
536536
display: grid;
537-
grid-template-columns: repeat(9, 1fr); }
537+
grid-template-columns: repeat(9, minmax(0, 1fr)); }
538538
.grid.grid--m-cols-10 {
539539
display: grid;
540-
grid-template-columns: repeat(10, 1fr); }
540+
grid-template-columns: repeat(10, minmax(0, 1fr)); }
541541
.grid.grid--m-cols-11 {
542542
display: grid;
543-
grid-template-columns: repeat(11, 1fr); }
543+
grid-template-columns: repeat(11, minmax(0, 1fr)); }
544544
.grid.grid--m-cols-12 {
545545
display: grid;
546-
grid-template-columns: repeat(12, 1fr); }
546+
grid-template-columns: repeat(12, minmax(0, 1fr)); }
547547
.grid .m-col--span-1 {
548548
grid-column: span 1; }
549549
.grid .m-col--start-1 {
@@ -630,40 +630,40 @@ p {
630630
@media (min-width: 1024px) {
631631
.grid.grid--l-cols-1 {
632632
display: grid;
633-
grid-template-columns: repeat(1, 1fr); }
633+
grid-template-columns: repeat(1, minmax(0, 1fr)); }
634634
.grid.grid--l-cols-2 {
635635
display: grid;
636-
grid-template-columns: repeat(2, 1fr); }
636+
grid-template-columns: repeat(2, minmax(0, 1fr)); }
637637
.grid.grid--l-cols-3 {
638638
display: grid;
639-
grid-template-columns: repeat(3, 1fr); }
639+
grid-template-columns: repeat(3, minmax(0, 1fr)); }
640640
.grid.grid--l-cols-4 {
641641
display: grid;
642-
grid-template-columns: repeat(4, 1fr); }
642+
grid-template-columns: repeat(4, minmax(0, 1fr)); }
643643
.grid.grid--l-cols-5 {
644644
display: grid;
645-
grid-template-columns: repeat(5, 1fr); }
645+
grid-template-columns: repeat(5, minmax(0, 1fr)); }
646646
.grid.grid--l-cols-6 {
647647
display: grid;
648-
grid-template-columns: repeat(6, 1fr); }
648+
grid-template-columns: repeat(6, minmax(0, 1fr)); }
649649
.grid.grid--l-cols-7 {
650650
display: grid;
651-
grid-template-columns: repeat(7, 1fr); }
651+
grid-template-columns: repeat(7, minmax(0, 1fr)); }
652652
.grid.grid--l-cols-8 {
653653
display: grid;
654-
grid-template-columns: repeat(8, 1fr); }
654+
grid-template-columns: repeat(8, minmax(0, 1fr)); }
655655
.grid.grid--l-cols-9 {
656656
display: grid;
657-
grid-template-columns: repeat(9, 1fr); }
657+
grid-template-columns: repeat(9, minmax(0, 1fr)); }
658658
.grid.grid--l-cols-10 {
659659
display: grid;
660-
grid-template-columns: repeat(10, 1fr); }
660+
grid-template-columns: repeat(10, minmax(0, 1fr)); }
661661
.grid.grid--l-cols-11 {
662662
display: grid;
663-
grid-template-columns: repeat(11, 1fr); }
663+
grid-template-columns: repeat(11, minmax(0, 1fr)); }
664664
.grid.grid--l-cols-12 {
665665
display: grid;
666-
grid-template-columns: repeat(12, 1fr); }
666+
grid-template-columns: repeat(12, minmax(0, 1fr)); }
667667
.grid .l-col--span-1 {
668668
grid-column: span 1; }
669669
.grid .l-col--start-1 {

0 commit comments

Comments
 (0)