forked from M3-Academy/desafio-react-e-typescript
fix(semantica): melhorando semantica html
This commit is contained in:
parent
0e02133dde
commit
b6fa9fa949
@ -14,9 +14,9 @@ const Header = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="page-header">
|
||||
<header className="page-header">
|
||||
<div className="page-header__container">
|
||||
<div className="page-header__container-top">
|
||||
<section className="page-header__container-top">
|
||||
<div className="page-header__menu">
|
||||
<button
|
||||
className="page-header__menu-button"
|
||||
@ -44,15 +44,15 @@ const Header = () => {
|
||||
<img src={Cart} alt="" className="page-header__cart-image" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div className="page-header__mobile">
|
||||
</section>
|
||||
<section className="page-header__container-bottom-mobile">
|
||||
<SearchBar />
|
||||
</div>
|
||||
</section>
|
||||
<section className="page-header__container-bottom">
|
||||
<HeaderLinks />
|
||||
</section>
|
||||
</div>
|
||||
<div className="page-header__container-bottom">
|
||||
<HeaderLinks />
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
};
|
||||
|
||||
|
@ -139,7 +139,7 @@
|
||||
|
||||
}
|
||||
|
||||
&__mobile {
|
||||
&__container-bottom-mobile {
|
||||
padding: 0 16px 25px;
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user