10h30/odin-landing-page
1
0
Fork 0
mirror of https://github.com/10h30/odin-landing-page.git synced 2026-07-11 18:55:58 +09:00
Code Issues Packages Projects Releases Wiki Activity

Edit Product and Quote section

Browse Source
This commit is contained in:
Thuan Bui
2025-02-08 20:09:59 +09:00
parent 96463fc562
commit 40045762b8
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1 -1
View File
@@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<div id="product"> <div id="product">
<div id="product-wrap"> <div class="product-wrap">
<h2>This is Product List</h2> <h2>This is Product List</h2>
<div class="product-loop"> <div class="product-loop">
<div>Product 1</div> <div>Product 1</div>
style.css
+6 -2
View File
@@ -58,14 +58,14 @@ body {
margin: 0 margin: 0
} }
.header-wrap, .header-wrap,
.hero-wrap, .hero-wrap{
.product-wrap {
max-width: 1024px; max-width: 1024px;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin: 0 auto; margin: 0 auto;
} }
header { header {
background-color: var(--dark-background); background-color: var(--dark-background);
color: #F9FAF8; color: #F9FAF8;
@@ -130,6 +130,10 @@ header .nav ul a {
padding: 60px 0; padding: 60px 0;
text-align: center; text-align: center;
} }
.product-wrap {
max-width: 1024px;
margin: 0 auto;
}
#product h2 { #product h2 {
margin-bottom: 30px; margin-bottom: 30px;
} }