Login
Sections

Auto Round Borders

09 May 2023

HTML
SCSS
JS 
                            <div
	id="flex-elements-parent"
	class="flex flex-wrap justify-center"
>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 1
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 2
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 3
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 4
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 5
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 6
	</div>
	<div
		class="flex-element h-40 bg-green-300 flex items-center justify-center text-xl font-bold shrink-0 border-solid border-2 border-amber-400 w-1/2 md:w-1/3 xl:w-1/4"
	>
		Element 7
	</div>
</div>
                        
                            Tailwind
                        
                            <!--ADD THIS TO HEADER-->
<script defer src="./js/plugins/autoRoundBorders.js"></script>

autoRoundBorders.zip

0