refactor image containers

Dripcoding · Oct 24, 2020 · d01df04 · d01df04
1 parent 924681c
commit d01df04
Showing 1 changed file with 21 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -10,8 +10,27 @@
 	<body>
 		<!-- card -->
 		<section class="cardContainer">
-			<!-- bg image container -->
-			<div class="imageContainer"></div>
+			<!-- illustration box-desktop -->
+			<div class="cardContainer__imageContainerOne">
+				<img
+					src="./assets/images/illustration-box-desktop.svg"
+					alt="illustration desktop box"
+				/>
+			</div>
+			<div class="cardContainer__imageContainerTwo">
+				<!-- woman-online -->
+				<picture>
+					<source
+						srcset="./assets/images/illustration-woman-online-desktop.svg"
+						media="(min-width: 1100px)"
+					/>
+					<img
+						class="imageContainer__womanOnline"
+						src="./assets/images/illustration-woman-online-mobile.svg"
+						alt="woman online"
+					/>
+				</picture>
+			</div>
 			<!-- faq section -->
 			<div class="faqContainer">
 				<h1>FAQ</h1>