added an image and finishing touches

AlpiYeah · May 4, 2023 · 1c3790d · 1c3790d
1 parent 8eec7b4
commit 1c3790d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/anime.png b/anime.png
diff --git a/index.html b/index.html
@@ -43,8 +43,8 @@ <h6>#1 Trending</h6>
             <h3>Epic Games</h3>
             <h1>FORTNITE</h1>
             <p>
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis id
-              nesciunt nostrum fugit possimus temporibus fuga ea.
+              Lorem ipsum dolor sit amet consectetur adipisicing elit.
+              <br />Quis id nesciunt nostrum fugit possimus temporibus fuga ea.
             </p>
             <a href="#">Play Now</a>
             <a href="#" class="cta"
@@ -59,7 +59,9 @@ <h1>FORTNITE</h1>
             <a href="#"><i class="fa-brands fa-playstation"></i></a>
             <a href="#"><i class="fa-brands fa-xbox"></i></a>
           </div>
-          <div class="bg-image"></div>
+          <div class="bg-image">
+            <img src="/anime.png" alt="Game Image" />
+          </div>
         </div>
       </div>
     </section>

diff --git a/style.css b/style.css
@@ -172,3 +172,16 @@ nav ul li.btn:hover a{
     transition: 0.4s;
     color: white;
 }
+
+.bg-image{
+    position: absolute;
+    width: 100%;
+    height: 85%;
+    bottom: 0;
+    right: 0;
+    text-align: right;
+}
+
+.bg-image img{
+    height: 100%;
+}