@i-am-vahid
Posted
Hello, I have checked your codes, Your design looks great on large screens. Tailwind is mobile first, so it is better to use this method to start coding, and also for the breakpoints in Tailwind, you can use Tailwind's own documents, I will give you the link to the breakpoints tailwind breakpoints
In fact, you start with the design of the mobile phone first, and then you fix the inconsistencies that arise by increasing the size of the screen. For example
<div class="grid grid-cols-1 tablet:grid-cols-2 laptop:grid-cols-3 desktop:grid-cols-4">
<!-- ... -->
</div>