examplist

Series

CSS

Articles in this series

In Firefox, a Flex Item Does Not Wrap an Aspect Ratioed Child

Jan 15, 20231 min read

Please look at the example below. https://codepen.io/bada3670/pen/ExpvbEw In the above example, to solve the problem, we should give width to the...

Using 'overflow' in 'flex-grow'

Jan 11, 20231 min read

Situation In general, to use 'overflow', the target should have a length. However, even though the target doesn't have a length, if 'flex-grow' is...

'aspect-ratio', If the Element Has No Width or Height

Nov 28, 20221 min read

The width of the parent becomes the width of the element. Then, the height of the element is determined by the width of the element and the aspect...

animation-timing-function Doesn't Apply to position-absolute & top, left

Oct 14, 20221 min read

Below is the example. I checked it in Chrome and Firefox. https://codepen.io/bada3670/pen/wvjNQVL

'flex-grow' Is Affected by Texts in Items

Sep 28, 20221 min read

Please check the example below first. https://codepen.io/bada3670/pen/gOzvLNo In the above example, the difference between '1' and '1a' makes the...

Standard of 'vw' and 'vh' When There Are Scroll Bars

Sep 25, 20221 min read

'vw' In Chrome and Firefox, even if a 'vertical' scroll bar is made due to long content, the standard remains the same as when there is no scroll bar....