index.html - Fixed Navbar's shopping cart icon

This commit is contained in:
Matthew Patrick 2021-09-19 12:27:57 +07:00
parent bfc2fbc7b5
commit 720ae7580d

View file

@ -14,7 +14,7 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
.bg-color {
background-color: #1b1c1e;
@ -94,7 +94,7 @@
color: white;
}
.search-grid {
.search-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
@ -118,7 +118,7 @@
border-bottom: 3px solid orangered;
padding-bottom: .6px;
}
.slide-wrapper {
margin-top: 5px;
}
@ -176,7 +176,7 @@
.price {
margin-bottom: 12px;
}
.price span {
margin-left: 15%;
font-weight: 700px;
@ -218,7 +218,7 @@
color: #1b1c1e;
margin-bottom: 10px;
}
.col-4 {
flex-basis: 25%;
padding: 0px;
@ -296,7 +296,7 @@
</a>
</div>
</header>
<div class="hero-search">
<div class="wrapper">
<div class="search-grid">
@ -456,7 +456,7 @@
</div>
</div>
</div>
<div class="small-container" style="color: white;">
<h2>Featured Products</h2>