changing content

index.html

@@ -33,7 +33,7 @@ <h2>My Work</h2>
 			<div class="project">
 				<div class="info">
 					<h3>bditto.com</h3>
-					<p>Website for bditto, a social media app to share Thoughts</p>
+					<p>Full stack social media app, for audio, video & text chatting.</p>
 					<ul>
 						<li>React</li>
 						<li>SCSS</li>
@@ -47,13 +47,28 @@ <h3>bditto.com</h3>
 			</div>
 			<div class="project1">
 				<div class="info">
-					<h3>bditto.com</h3>
-					<p>Website for bditto, a social media app to share Thoughts</p>
+					<h3>thoughtz.ai</h3>
+					<p>Website for a thoughtz.ai, an NFT marketplace.</p>
 					<ul>
 						<li>React</li>
-						<li>SCSS</li>
-						<li>Material UI</li>
-						<li>Digital Ocean</li>
+						<li>Framer Motion</li>
+						<li>Styled Components</li>
+						<li>Chakra UI</li>
+					</ul>
+				</div>
+				<div class="poster">
+					<img src="./assets/bg-1.jpg" alt="">
+				</div>
+			</div>
+			<div class="project">
+				<div class="info">
+					<h3>commclassroom.org</h3>
+					<p>Full stack social media app, for audio, video & text chatting.</p>
+					<ul>
+						<li>React</li>
+						<li>Tailwind</li>
+						<li>Styled Components</li>
+						<li>Github Actions</li>
 					</ul>
 				</div>
 				<div class="poster">

styles/styles.scss

@@ -288,12 +288,12 @@ header{
     @media screen and (max-width: $sm) {
         height: auto;
         p{
-            margin: 2rem 1rem 0 1rem;
+            margin: 3rem 1rem 0 1rem;
             font-size: 1.5rem;
         }
 
         button{
-            margin: 2rem 1rem;
+            margin: 2rem 1rem 3rem 1rem;
             font-size: 1rem;
         }
     }