DavidJentes
/
websitedesign2022
mirror of https://github.com/davidjentes/websitedesign2022
1
0
Fork 0
Code

Change header design

master
DavidDGTNT 2021-11-30 18:35:16 +00:00
parent 338bf296d8
commit dbd6c03061
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/about/index.html
View File

@ -7,7 +7,7 @@
</head> </head>
<body> <body>
<header> <header>
<img src="../assets/img/lyza.png" width="250" height="250"> <img src="../assets/img/lyza.png" width="250" height="250"><br>
<nav> <nav>
<ul> <ul>
<li><a href="../index.html">Home</a></li> <li><a href="../index.html">Home</a></li>

9
src/assets/css/main.css
View File

@ -4,14 +4,15 @@ body {
} }
header { header {
display: inline-block; display: block;
} }
header img { header img {
padding: 10px; padding: 10px;
background-color: #a52a2a; background-color: #a52a2a;
position: relative; display: block;
float: left; margin-left: auto;
margin-right: auto;
width: 20%; width: 20%;
height: auto; height: auto;
} }
@ -19,7 +20,7 @@ header img {
header nav { header nav {
display: flex; display: flex;
justify-content: center; justify-content: center;
width: 77.9%; width: 100%;
} }
nav ul { nav ul {

2
src/index.html
View File

@ -7,7 +7,7 @@
</head> </head>
<body> <body>
<header> <header>
<img src="assets/img/lyza.png" width="250" height="250"> <img src="assets/img/lyza.png" width="250" height="250"><br>
<nav> <nav>
<ul> <ul>
<li><a href="#" class="current">Home</a></li> <li><a href="#" class="current">Home</a></li>