atualizando

doc/wireframeconteudobase.drawio

@@ -1,4 +1,4 @@
-<mxfile host="app.diagrams.net" modified="2024-04-01T19:44:21.787Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36" etag="5Nw9rIjxCSNW9tJOeyf8" version="24.2.1" type="device">
+<mxfile host="app.diagrams.net" modified="2024-04-01T20:19:09.396Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/123.0.0.0 Safari/537.36" etag="7osfxEOjmdas79UjTGGO" version="24.2.1" type="device">
   <diagram name="Página-1" id="vY-lGYGtIKJ3e2OXQE28">
     <mxGraphModel dx="1311" dy="1835" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
       <root>

playstation/playstation4pro.html

@@ -43,19 +43,18 @@ <h1 class = "textbanner">Playstation 4</h1>
     </div>
 </main>
 
-   <!-- Em construção -->
-
-   <section class="Container">    
-        <div class="Card">
-
-            <!-- Adiciona uma imagem-->
-            <img src="../img/card1.png" alt="Em desenvolvimento">
-            <h3>Em construção</h3>
-            <p>Site em desenvolvimento. Atualizações postadas direto no nosso Instagram</p>
-            <a href="https://www.instagram.com/andradejao_/" target="_blank" class="Button">Saiba +</a>
+<!-- Section Título -->
+<section id="titleps4">
+    <div class="Container">
+        <div id="imgps4">
+            <img src="../img/bannerps4.jpg" alt="banner ps4">
         </div>
+    </div>
+
+</section>
+
+
 
-    </section>
     <!-- Rodapé -->
 <footer>
     <div class="Container Flex">

style.css

@@ -328,6 +328,18 @@ footer{
     margin-top: 10px;
 }
 
+/* banner página ps4 */
+
+#imgps4 img {
+    height: 40vh; /* vh é altura da tela */
+    width: 50vh;
+    background-size: cover;
+    background-position: center;
+    text-align: center; 
+}
+
+
+
 
 /* Smartphone landscape */
 @media (min-width: 576px) {