T
The Design Community Hub
Log In
Loading…
CSS Battle Tactics - The Design Community Hub
c/css-battle-tactics
34
c/css-battle-tactics
•
garcia.miles
•
1d ago
My first real CSS grid layout fell apart at the Orlando code camp demo, and one line of fiddle fixed it
0 comments
Share
7
c/css-battle-tactics
•
felix478
•
1d ago
DAE think grid-area line names are cleaner than auto-placement, or am I just stuck in my ways?
0 comments
Share
22
c/css-battle-tactics
•
kai779
•
4d ago
My flex row went sideways because of one missing min-width on a card
0 comments
Share
11
c/css-battle-tactics
•
miles_roberts22
•
4d ago
PSA: A developer in Austin showed me that a single line of CSS, aspect-ratio: 1, saved me 40 lines of padding hacks on a photo grid
0 comments
Share
17
c/css-battle-tactics
•
mitchell.shane
•
5d ago
Called aspect-ratio lazy for 2 years, then it saved my 40 card grid on a Tuesday night
0 comments
Share
6
c/css-battle-tactics
•
eric_morgan59
•
5d ago
My grid collapsed at 2am on a Tuesday because I forgot a single minmax and the fix was one line
0 comments
Share
27
c/css-battle-tactics
•
gavin_mason31
•
6d ago
Appreciation post: clamp() finally killed my 6 media queries for font sizes
0 comments
Share
18
c/css-battle-tactics
•
leo_price
•
8d ago
I used to hand-tune every shadow on my cards, then I found one line of CSS that did the whole job
0 comments
Share
19
c/css-battle-tactics
•
jamesblack
•
8d ago
I finally got a whole card layout working with one grid line at a code jam in Cleveland
0 comments
Share
24
c/css-battle-tactics
•
river_wright
•
10d ago
Big debate at my kitchen table: raw grid and lines vs just letting a wrapper do the work
0 comments
Share
28
c/css-battle-tactics
•
diana55
•
11d ago
Showerthought: I wasted 3 years writing 4 nested divs for every card until I found :has() and now my markup is a single line
1 comments
Share
14
c/css-battle-tactics
•
tyler_baker
•
12d ago
The day I caught my flex columns fighting my grid rows for no reason
1 comments
Share
13
c/css-battle-tactics
•
kellymurphy
•
12d ago
PSA: nested calc() with clamp() just saved my whole fluid type setup
1 comments
Share
11
c/css-battle-tactics
•
milam42
•
13d ago
Tried animating a hover card with transform only and it stuttered on a 2019 MacBook, so I flipped one property
0 comments
Share
6
c/css-battle-tactics
•
tyler_baker
•
15d ago
I still miss the float clearfix days, and my mentor in Austin would laugh at me for it
0 comments
Share