[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/b/ - Random

Name
Email
Subject
Comment
File
Password (For file deletion.)

File: 1773004518889.jpg (237.81 KB, 1280x853, img_1773004510523_41iutesb.jpg)ImgOps Exif Google Yandex

32925 No.1432

cSS Grid Layout is a game-changer but sometimes it feels like magic ♂️
Have you tried using CSS variables to make responsive designs easier? its super handy! heres how I did my recent project:
:root {--main-color: ;}. container {display: grid;}

Now, throughout your design:
- Change colors with `var(-main-color)`
- Adjust sizes and spacing via variables
This makes updates a breeze! Plus its super DRY (dont Repeat Yourself)
>Remember to use Chrome DevTools or similar for live previews while tweaking these values.

grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));


➡️ This auto-fills the container with columns that are at least `min` and max width of a flexible fraction. Perfect for responsive layouts!
share your favorite CSS tricks or gotchas in comments below

32925 No.1433

File: 1773005820905.jpg (130.79 KB, 1080x720, img_1773005804921_1ifqjwou.jpg)ImgOps Exif Google Yandex

here's a neat snippet i found for generating random dates in python ⏰

import datetime,randomdef rand_date(start,end):return start + (end -start) * [random. random()for _ in range(1)][0]print(rand_date(datetime. date. today(),datetime. datetime. now(). date()))


works like a charm for quick tests!



[Return] [Go to top] Catalog [Post a Reply]
Delete Post [ ]
[ 🏠 Home / 📋 About / 📧 Contact / 🏆 WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]
. "http://www.w3.org/TR/html4/strict.dtd">