Ahmad Shadeed • 10/4/2021

Conditional Border Radius In CSS

The article details a specific CSS discovery from Facebook's code: a conditional border-radius that switches from 8px to 0 when a card component reaches the full viewport width. It breaks down the problem of toggling styles based on container size and provides a deep dive into the solution using CSS `calc()`, `min()`, and `max()` functions with large multipliers to create the conditional logic.

0 comments

#css #responsive design #Border Radius