Malcolm Kee
  • About
  • Blogs
  • Projects
  • TIL
  • Notes
  • Workshops

Jan 15, 2020

Make Input as Flex Item

By default, when you try to make <input> as flex item, it won’t work.

This is because <input> has min-width value by default, thus it will not size similarly even if you add flex: 1 to it and its sibling.

To fix that, add min-width: 0 to the input, and it should works nicely.

You may also like:

Using View Transition API in React App

Discover how to use the View Transition API in your React apps to create engaging and fluid navigational experiences. This API simplifies the process of animating shared elements and can be used in various practical scenarios, such as showcasing product images, animating modals, and more.

  • react
  • css

Using TailwindCSS with Module Federation

Solving CSS conflicts when using TailwindCSS with Module Federation

  • module-federation
  • css
  • frontend-tooling

How to Create CV using HTML

Creating CV using HTML with CSS is straightforward if you know them, but making it exportable as PDF is more involving

  • css
AboutBlogsProjectsTILNotesWorkshops
RSS Feed

© 2018-2023 Copyright Malcolm Kee. All rights reserved.