Update style.css

Author: Writing A Newspaper Article Template

style.css

@@ -5,62 +5,48 @@ body {
 }
 
 h1 {
- position: absolute;
- font-size: 30px;
- color: rgb(230, 230, 230);
- text-align: center;
- left: 8.5em;
+ position: fixed;
+ font-size: 30px;
+ color: rgb(230, 230, 230);
+ text-align: center;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
 }
 
 .IconWeb {
- position: absolute;
- background: url("Icons/Profile_photo.png");
- background-size: cover;
- background-repeat: no-repeat;
- width: 10em;
- height: 10em;
- top: 6em;
- left: 26.45em;
- border: 1px solid;
- border-radius: 50%;
+ position: fixed;
+ background: url("Icons/Profile_photo.png");
+ background-size: cover;
+ background-repeat: no-repeat;
+ width: 10em;
+ height: 10em;
+ top: 35%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ border: 1px solid;
+ border-radius: 50%;
 }
 
 h2 {
- position: absolute;
- font-size: 13px;
- color: rgb(200, 200, 200);
- text-align: center;
- padding: 15em;
- top: 6em;
- left: -0.5em;
-}
-
-.Banner {
- position: absolute;
- background: #151515;
- width: 64.5em;
- height: 4em;
- top: 25.5em;
- left: 0em;
+ position: fixed;
+ font-size: 13px;
+ color: rgb(200, 200, 200);
+ text-align: center;
+ top: 60%;
+ left: 50%;
+ transform: translate(-50%, -50%);
 }
 
-h6 {
- position: absolute;
- font-size: 13px;
- color: rgb(160, 160, 160);
- text-align: center;
- top: -0.5em;
- left: 30.5em;
-}
 
 header {
- position: absolute;
+ position: fixed;
  top: 0;
  left: 0;
  width: 100%;
- padding: 0.3px 45em;
+ padding: 0.3px 72%;
  display: flex;
- justify-content: space-between;
+ justify-content: flex-start;
  align-items: center;
  z-index: 10000;
 }
@@ -88,6 +74,28 @@ header ul li a.active {
  color: #2b1055;
 }
 
+.Banner {
+ position: fixed;
+ background: #151515;
+ transform: translateX(-50%);
+ width: 100%; /* Ancho relativo al padre */
+ height: 3em; /* Altura en em */
+ bottom: 0;
+ left: 50%;
+ padding: 10px;
+ text-align: center;
+}
+
+h6 {
+ position: absolute;
+ font-size: 13px;
+ color: rgb(160, 160, 160);
+ text-align: center;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
 a {
  text-decoration: none;
  color: rgb(215, 215, 215);