Answer by Temani Afif for Flex wrap css issue
Flexbox is not always the solution. Float can do it here:.card { float: left; width:calc(100%/3); /* control the width you want */ padding: 30px; border: 1px solid gray; box-sizing: border-box;}/* the...
View ArticleAnswer by Namith Nimlaka for Flex wrap css issue
Try adding flex-wrap: wrap to both the .primary-container and .secondary-container.primary-container { flex: 1 1 33.33333%; display: flex; flex-wrap: wrap;}.secondary-container { display: flex; flex: 1...
View ArticleAnswer by ADITYA for Flex wrap css issue
You're on the right track with using flex-wrap, but you need to adjust your CSS a bit..results { display: flex; flex-direction: row; flex-wrap: wrap; /* Allow wrapping */}.primary-container {...
View ArticleFlex wrap css issue
I have a HTML structure to show primary and secondary information in one row. Until now, the requirement was to show only 3 elements in a row which works perfectly fine.but in a given scenario there...
View Article