this repo has no description
Update main page styling to work better on mobile
+16
-6
+16
-6
content/style.css
+16
-6
content/style.css
···
338
338
.landingblocks {
339
339
@media (width >= 1900px) {
340
340
width: 1900px;
341
+
display: flex;
341
342
}
342
343
343
344
@media (width < 1900px) {
344
345
width: 95%;
345
346
}
346
-
347
347
margin: auto;
348
-
display: flex;
348
+
349
349
}
350
350
351
351
.landingblock {
···
360
360
margin-left: auto;
361
361
margin-right: auto;
362
362
363
-
width: 25%;
363
+
@media (width >= 1900px) {
364
+
width: 25%;
365
+
}
366
+
367
+
/* @media (width < 1900px) {
368
+
width: 100%;
369
+
}*/
364
370
}
365
371
366
372
.innercool {
···
377
383
}
378
384
379
385
.aboutmeblock {
380
-
width: 50%;
386
+
@media (width >= 1900px) {
387
+
width: 50%;
388
+
}
389
+
390
+
/* @media (width < 1900px) {
391
+
width: 100%;
392
+
}*/
381
393
}
382
394
383
395
.coolblock {
···
399
411
@media (width < 1235px) {
400
412
width: 95%;
401
413
}
402
-
403
-
margin: auto;
404
414
/* display: flex; */
405
415
}
406
416