fix: small tweaks for responsive styles (#90)

src/app/components/article/article2/article2.component.html

@@ -26,7 +26,7 @@ <h1 class="text-4xl font-bold md:tracking-tight md:text-5xl">
 	</article>
 	<div class="">
 		<div
-			class="flex flex-wrap py-6 space-x-2 border-t border-dashed"
+			class="flex flex-wrap py-6 gap-2 border-t border-dashed"
 			[ngClass]="['border' + plainInv]"
 		>
 			<a

src/app/components/pricing/pricing5/pricing5.component.html

@@ -9,7 +9,7 @@ <h2 class="text-4xl font-bold lg:text-5xl">Choose your best plan</h2>
 		<div class="flex flex-wrap items-stretch -mx-4">
 			<div class="flex w-full mb-8 sm:px-4 md:w-1/2 lg:w-1/3 lg:mb-0">
 				<div
-					class="flex flex-col p-6 space-y-6 rounded shadow sm:p-8"
+					class="flex flex-grow flex-col p-6 space-y-6 rounded shadow sm:p-8"
 					[ngClass]="['bg' + contrast]"
 				>
 					<div class="space-y-2">
@@ -80,7 +80,7 @@ <h4 class="text-2xl font-bold">Beginner</h4>
 			</div>
 			<div class="flex w-full mb-8 sm:px-4 md:w-1/2 lg:w-1/3 lg:mb-0">
 				<div
-					class="flex flex-col p-6 space-y-6 rounded shadow sm:p-8"
+					class="flex flex-grow flex-col p-6 space-y-6 rounded shadow sm:p-8"
 					[ngClass]="['bg' + primary, 'text' + contrast]"
 				>
 					<div class="space-y-2">
@@ -164,8 +164,8 @@ <h4 class="text-2xl font-bold">Pro</h4>
 					</a>
 				</div>
 			</div>
-			<div class="w-full mb-8 sm:px-4 md:w-1/2 lg:w-1/3 lg:mb-0">
-				<div class="p-6 space-y-6 rounded shadow sm:p-8" [ngClass]="['bg' + contrast]">
+			<div class="flex w-full mb-8 sm:px-4 md:w-1/2 lg:w-1/3 lg:mb-0">
+				<div class="flex flex-grow flex-col p-6 space-y-6 rounded shadow sm:p-8" [ngClass]="['bg' + contrast]">
 					<div class="space-y-2">
 						<h4 class="text-2xl font-bold">Team</h4>
 						<span class="text-6xl font-bold">