Skip to content

Commit

Permalink
Tentativa de deixar o site responsivo
Browse files Browse the repository at this point in the history
abelarduu committed Jan 6, 2025
1 parent c738aba commit 48ba09c
Showing 2 changed files with 29 additions and 11 deletions.
4 changes: 2 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
@@ -10,8 +10,8 @@
<body>
<header>
<nav>
<img src="src/images/logo.png" alt="">
<li><input type="text" placeholder=" Pesquise algo"></li>
<img src="src/images/logo.png" alt="" id="logo">
<li><input type="text" placeholder=" Pesquise algo" id="input"></li>
</nav>
</header>

36 changes: 27 additions & 9 deletions src/styles/style.css
Original file line number Diff line number Diff line change
@@ -3,14 +3,31 @@ body{
font-family: Arial, Helvetica, sans-serif;
}

nav img {
width: 25rem;
@media (max-width: 375px) {
#logo {
width: 14em;
margin-bottom: 1rem;
}
}

@media (max-width: 414px) {
#logo {
width: 14em;
margin-bottom: 1rem;
}
}

@media (min-width: 425px) {
#logo {
width: 18em;
margin-bottom: 1rem;
}
}

header, nav {
padding: 30px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-evenly;
align-items: center;
width: 100%;
}
@@ -21,16 +38,16 @@ header {
font-size: 20px;
}

header input{
width: 20rem;
#input{
width: 20em;
height: 35px;
border: none;
border-radius: 10px;
color: black;
}

main {
margin: 5rem 3rem;
padding: 5rem 3rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
@@ -59,8 +76,9 @@ main {

footer {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
text-align: center;
background: linear-gradient(#a9c1ff,#395c98);
height: 100px;
}

0 comments on commit 48ba09c

Please sign in to comment.