About me design

Author: zlrundefined

src/components/about/AboutMe.vue

@@ -1,10 +1,34 @@
 <template>
-	<div>
-		<div class="w-full sm:w-1/3">
-			<img src="" alt="" />
+	<div class="block sm:flex sm:gap-10">
+		<div class="w-full sm:w-1/4 mb-7 sm:mb-0">
+			<img
+				src="../../assets/images/mobile-project-1.jpg"
+				class="rounded-xl w-96"
+				alt=""
+			/>
 		</div>
-		<div class="w-full sm:w-2/3 text-left">
-			<p>
+		<div class="w-full sm:w-3/4 text-left">
+			<p class="mb-4 text-gray-500 text-lg">
+				Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
+				vel illum asperiores dignissimos cumque quibusdam et fugiat
+				voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
+				fugit eligendi corporis laudantium adipisci soluta? Lorem ipsum,
+				dolor sit amet consectetur adipisicing elit. Incidunt totam
+				dolorum, ducimus obcaecati, voluptas facilis molestias nobis ut
+				quam natus similique inventore excepturi optio ipsa deleniti
+				fugit illo. Unde, amet! Lorem ipsum dolor sit amet, consectetur
+				adipisicing elit. Ipsum illo necessitatibus perspiciatis!
+				Aperiam perferendis labore temporibus, eos culpa corporis
+				recusandae quas, fuga voluptatibus nesciunt odit libero tenetur
+				neque consequatur ea.
+			</p>
+			<p class="mb-4 text-gray-500 text-lg">
+				Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
+				vel illum asperiores dignissimos cumque quibusdam et fugiat
+				voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,
+				fugit eligendi corporis laudantium adipisci soluta?
+			</p>
+			<p class="text-gray-500 text-lg">
 				Lorem ipsum dolor, sit amet consectetur adipisicing elit. Nihil
 				vel illum asperiores dignissimos cumque quibusdam et fugiat
 				voluptatem nobis suscipit explicabo, eaque consequatur nesciunt,