CSS Grid repeat(auto-fill, minmax(240px, 1fr)) Explained: Responsive Cards Without Media Queries
When you build a list of cards, you often want 4 columns on a wide screen, 2 on a narrow one, and 1 on a phone. The usual approach is a stack of media queries, but with CSS Grid it takes just four lines. .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px;} To show how this works, I built an example page, captured it at different sizes, and compared ..
2026. 10. 22.
NumPy Study Part 7: Math, Rounding, Missing Values and Linear Algebra (sqrt, round, isnan, dot, @, linalg)
This part collects the numerical tools you reach for every day:Math functions: powers, roots, logs, exponentials, absolute valuesRounding: round, floor, ceil, trunc, and a surprise about .5Missing values: nan, isnan, the nan-functions, filling and droppingFloating-point comparison: why 0.1 + 0.2 == 0.3 is False, and iscloseLinear algebra: dot products, @, identity, inverse, determinant, solving ..
2026. 10. 12.