- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Flexbox layout losing proportions when reduced in size
To avoid the Flexbox layout issue, you need to add the following:
* { flex-shrink: 0; min-width: 0; min-height: 0; }
Here,
flex-shrink: 1 - Flex items are allows to shrink
min-width: 0 - flex items to shrink past their content
Advertisements