Rashad Bayram
Rashad Bayram

Reputation: 59

Flowbit - Tailwind flex wrap issue

I'm using Flowbite components. I'm having issues with flex-wrap. as you can see in the screenshots when I check its responsiveness on iPhone 12 model level, it looks ok. But when I have a full screen in the browser, rendered cards do not align horizontally and instead go below. I also attached the chrome dev tool to show where I have applied the flex-wrap. Can you help me to find the issues, please?

stuck for two days already on this one

fullwidthmobile view dev tool

Upvotes: 1

Views: 348

Answers (1)

krishnaacharyaa
krishnaacharyaa

Reputation: 25050

Try this code: Tailwind-play


Everything is just working fine. According to the url in the comment

The cards are aligned to the right of the left navigation bar

Ouputs in different screens.

enter image description here

enter image description here

Upvotes: 1

Related Questions