What approach can I use to achieve this using tailwindcss in my react project?
I have tried using positioning but the spacing between the contents and shapes are not matching the design especially when I tried designing for the tablet screen size. Thanks in advance for your assistance
2 Replies
Kevin has already made a video about this
https://www.youtube.com/watch?v=khjVPkO35F0
If you have experience with tailwind you should be able to follow along even if you use tailwind
Kevin Powell
YouTube
Creating an inverted border-radius with CSS
The other day on Twitter, @FlorinPop pulled me into a conversation, wondering how to create inverted, round corners. Mask-image was probably the easy answer, but after someone in the thread said that making an SVG mask felt like overkill, I had to try and see if I could think of an alternative way!
š Links
ā
The original tweet: https://twi...
Alright, I will check now. Thanks a lot