Skip to content

Cb individual 6 #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
byui-programmer-96 wants to merge 24 commits into
base: main
Choose a base branch
from
Open

Cb individual 6 #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
a5597ac
...
byui-programmer-96 Oct 31, 2022
52ec313
new changes
byui-programmer-96 Oct 31, 2022
c648a4b
deleted extra tag
byui-programmer-96 Nov 4, 2022
16aafd7
end tag fixes
byui-programmer-96 Nov 4, 2022
3f8ce36
new commits
byui-programmer-96 Nov 4, 2022
083c0d5
week 2 commit
byui-programmer-96 Nov 4, 2022
2523c9d
change for double qutoes
byui-programmer-96 Nov 4, 2022
752afa1
text file
byui-programmer-96 Nov 4, 2022
618c21f
added my name
byui-programmer-96 Nov 4, 2022
c2fc0e5
cart fixed
mictlantecutli Nov 11, 2022
ab44e3c
chnages
byui-programmer-96 Nov 12, 2022
8f18a59
Merge remote-tracking branch 'origin/mp--add_cart_broken'
byui-programmer-96 Nov 12, 2022
f5e69d9
innital commit
byui-programmer-96 Nov 12, 2022
60a6676
testing dummy file
EmmaAmos Nov 18, 2022
ea6133a
dummy file is dead
EmmaAmos Nov 18, 2022
67d1da3
added name
EmmaAmos Nov 18, 2022
3fdb83d
..
byui-programmer-96 Nov 18, 2022
3f0ef89
Merge branch 'main' of https://github.com/byui-programmer-96/sleepout…
byui-programmer-96 Nov 18, 2022
1f7c645
class actvitiy
byui-programmer-96 Nov 18, 2022
840ebb4
Week 03 L06 Team Activity Upload
Luckysandwich7 Nov 18, 2022
307b7d2
Full L06 Team Activity
Luckysandwich7 Nov 18, 2022
f2247a5
...
byui-programmer-96 Nov 21, 2022
942ebcf
..
byui-programmer-96 Nov 24, 2022
451cc1e
...
byui-programmer-96 Nov 24, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .eslintrc.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
}
],
"no-console": 1,
"quotes":["error", "single"],
"quotes": ["error", "double"],
"func-names": 0,
"space-unary-ops": 2,
"space-in-parens": "error",
Expand Down
5 changes: 5 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"githubPullRequests.ignoredPullRequestBranches": [
"main"
]
}
1 change: 1 addition & 0 deletions build/__snowpack__/env.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export default { MODE: "production", NODE_ENV: "production", SSR: !1 };
83 changes: 83 additions & 0 deletions build/cart.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sleep Outside | Cart</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="divider">
<div class="logo">
<img src="images/noun_Tent_2517.svg" alt="tent image for logo" />
<a href="index.html"> Sleep<span class="highlight">Outside</span></a>
</div>
<div class="cart">
<a href="cart.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path
d="M18.9 32.6c1.1 2.4 2.5 3.3 5.4 3.3 1.6 0 3.6-0.3 5.9-0.6 3.2-0.5 6.9-1 11.2-1 2.1 0 4.3 0.1 6.4 0.3 2.1 0.1 4.2 0.3 6.1 0.3 3.2 0 5.2-0.4 5.9-1.2 2.7-2.7 2.8-8.8 2.9-14.6 0.1-6.7 0.2-14.5 4.6-18.7 -0.5 0-1 0-1.6 0 -14.2 0-37.5 0-41.1 0C15.6 6.2 14.9 23.6 18.9 32.6z"
></path>
<path
d="M90.1 29.7c1-3.3 1.5-7.3 1.5-11.2 0-9-2.7-18.8-8.6-18.8 -0.1 0-0.2 0-0.3 0L77.8-0.1c-0.3 0.2-0.8 0.3-1.1 0.4 0 0 0 0 0 0 -0.2 0-0.3 0-0.4 0 -4.5 0.1-7 1.8-8.4 4.9l8.9-0.1c-1.6 3.6-2.4 8.7-2.4 13.5 0 4.9 0.8 9.9 2.5 13.6l-12.3 0c-0.2 0.4-0.4 0.8-0.6 1.2 -0.2 0.4-0.4 0.7-0.6 1.1 -0.1 0.1-0.1 0.2-0.2 0.3 -0.3 0.4-0.5 0.7-0.9 1.1 0 0 0 0 0 0 0 0-0.1 0.1-0.1 0.1 -0.1 0.1-0.2 0.2-0.4 0.3 -0.2 0.1-0.4 0.3-0.6 0.4 0 0 0 0 0 0 -0.4 0.2-0.9 0.4-1.4 0.6 -1.3 0.4-2.9 0.6-4.9 0.7 -0.5 1.5-1.1 4.1 0 5.5l3.1 3.9 0 0.8c0 2.8-2.3 4.8-2.8 5.2l-3-3.8c0.3-0.2 0.5-0.5 0.7-0.8l-1.8-2.3c-2.2-2.7-1.8-6.3-1.2-8.7 -0.7 0-1.4-0.1-2-0.1 -2.1-0.1-4.3-0.3-6.2-0.3 -4.1 0-7.7 0.5-10.8 1 -1 0.2-2 0.3-3 0.4 -0.5 1.5-1.2 4.4-0.1 5.9l3.1 4 0 0.8c0 2.8-2.3 4.8-2.8 5.2l-3.1-3.8c0.3-0.2 0.6-0.6 0.7-0.9l-1.8-2.4c-2.1-2.8-1.8-6.3-1.2-8.7 -1.6-0.2-2.9-0.8-4-1.7h0c-0.8-0.6-1.4-1.4-2-2.4 -0.1-0.1-0.2-0.3-0.2-0.5 -0.1-0.2-0.2-0.4-0.3-0.6 -0.3-0.6-0.5-1.2-0.7-1.8l-5.6 0c-1-0.3-3.5-4.8-3.5-13.2 0-8.1 3.7-13.1 4.9-13.2L16.4 5.6c0.9-1.9 2-3.7 3.4-5.2L11.2 0.5c-5.4 0-10.1 8.6-10.1 18.4 0 8.9 2.7 18.4 8.6 18.4h2.4c-1.8 10.7-6.6 43 0.4 56.5 0.7 1.4 4.3 3.4 12.2 4.6 20.2 3.1 49.8-0.5 54.6-5.3 0.7-0.7 1.3-1.7 1.8-2.9 2-0.3 8.2-1.7 12.4-8.4C100.1 71.5 98.9 53.9 90.1 29.7zM35.6 87.1c-2.6 2-10.5 2.1-12.1 2.1 0 0 0 0 0 0 -3.9 0-9-0.4-10.8-2.3 -2.6-2.7-1.5-13-0.6-19.1 -0.1-1.9 0-5.8 2.2-7.2 1.9-1.2 8.7-1.3 11.6-1.3 6.4 0 7.4 0.6 7.8 0.9 3 1.8 3.1 5.6 2.6 7.8C37.7 75.5 38.6 84.8 35.6 87.1zM70.1 87.5c-2.6 2-10.5 2.1-12.1 2.1 0 0 0 0 0 0 -3.9 0-9-0.4-10.8-2.3 -2.6-2.7-1.5-13-0.6-19.1 -0.1-1.9 0-5.8 2.2-7.2 1.9-1.2 8.7-1.3 11.6-1.3 6.4 0 7.4 0.6 7.8 0.9 3 1.8 3.1 5.6 2.6 7.8C72.2 76 73.1 85.3 70.1 87.5zM85.9 12.3c-0.6-1.3-1.3-2.2-1.9-2.5 -0.5-0.3-1-0.3-1.4 0 -1.7 1.1-3.2 12.2-0.6 17.9 0.4 0.9 0.9 1.1 1.3 1.1 0.1 0 0.2 0 0.3 0 1.8-0.5 2.1-6.2 1.7-8.6l-1.6 0.2c0.3 2.2 0 5.1-0.4 6.3 -2.1-5.3-0.8-14.1 0.1-15.5 0.8 0.6 2.2 3.5 3.1 8 -0.1 7.9-2.4 12.3-3.4 12.8 -1-0.5-3.4-5.2-3.4-13.5 0-8.3 2.4-13 3.4-13.5C83.7 5.4 85.1 7.9 85.9 12.3zM87.3 77.7c-1.4 2.3-3.1 3.6-4.6 4.3 1.2-12.2-1-31-3.5-44.7h3.3c0.1 0 0.3 0 0.4 0 0.6 0 1.2-0.1 1.8-0.4C92.8 60.7 90.7 72.2 87.3 77.7z"
></path>
<path
d="M24.7 71v5h-5.2v-5.4c-1.4-0.3-2.7-0.6-3.7-0.9 -0.9 6.8-1.1 13.3-0.3 14.5 0.4 0.3 2.9 1.1 8 1.1h0c5 0 8.8-0.7 9.7-1.3 0.8-1.3 0.6-7.7-0.4-14.4C30.7 70.1 27.5 70.8 24.7 71z"
></path>
<path
d="M58.8 68.9c2.9-0.1 6.4-0.9 8.3-1.4 0.1-0.8 0.3-2.8-0.7-3.5 -0.5-0.2-2.5-0.4-5.9-0.4 -4.9 0-8.6 0.4-9.5 0.7 -0.3 0.5-0.5 1.9-0.5 3.3C52.5 68.1 56 69 58.8 68.9z"
></path>
<path
d="M24.3 68.4c2.9-0.1 6.4-0.9 8.3-1.4 0.1-0.8 0.3-2.8-0.7-3.5 -0.5-0.2-2.5-0.4-5.9-0.4 -4.9 0-8.6 0.4-9.5 0.7 -0.3 0.5-0.5 1.9-0.5 3.3C18 67.7 21.5 68.6 24.3 68.4z"
></path>
<path
d="M60.1 71.4v3.3h-5.2v-3.4c-1.7-0.3-3.3-0.7-4.6-1 -0.9 6.8-1.1 13.3-0.3 14.5 0.4 0.3 2.9 1.1 8 1.1h0c5 0 8.8-0.7 9.7-1.3 0.8-1.3 0.6-7.7-0.4-14.4C65.5 70.5 62.7 71.1 60.1 71.4z"
></path>

<!-- <text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Natalia Woodroffe</text>
<text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text> -->
</svg>
</a>
</div>
</header>
<main class="divider">
<section class="products">
<h2>My Cart</h2>
<ul class="product-list">
<!-- <li class="cart-card divider">
<a href="product_pages/marmot-ajax-3.html" class="cart-card__image">
<img
src="images/tents/marmot-ajax-tent-3-person-3-season-in-pale-pumpkin-terracotta~p~880rr_01~320.jpg"
alt="Marmot Ajax tent"
/>
</a>
<a href="product_pages/marmot-ajax-3.html">
<h2 class="card__name">Marmot Ajax Tent - 3-Person, 3-Season</h2>
</a>
<p class="cart-card__color">Pale Pumpkin/Terracotta</p>
<p class="cart-card__quantity">qty: 1</p>
<p class="cart-card__price">$199.99</p>
</li>
<li class="cart-card divider">
<a href="product_pages/marmot-ajax-3.html" class="cart-card__image">
<img
src="images/tents/the-north-face-talus-tent-4-person-3-season-in-golden-oak-saffron-yellow~p~985rf_01~320.jpg"
alt="Talus Tent - 4-Person, 3-Season"
/>
</a>
<a href="product_pages/marmot-ajax-3.html">
<h2 class="card__name">
The North Face Talus Tent - 4-Person, 3-Season
</h2></a
>
<p class="cart-card__color">Golden Oak/Saffron Yellow</p>
<p class="cart-card__quantity">qty: 1</p>
<p class="cart-card__price">$199.99</p>
</li> -->
</ul>
</section>
</main>
<footer>©NOT a real business</footer>
<script src="js/cart.js"></script>
</body>
</html>
50 changes: 50 additions & 0 deletions build/checkout.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sleep Outside | Checkout</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header class="divider">
<div class="logo">
<img src="images/noun_Tent_2517.svg" alt="tent image for logo" />
<a href="index.html"> Sleep<span class="highlight">Outside</span></a>
</div>
<div class="cart">
<a href="cart.html">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<path
d="M18.9 32.6c1.1 2.4 2.5 3.3 5.4 3.3 1.6 0 3.6-0.3 5.9-0.6 3.2-0.5 6.9-1 11.2-1 2.1 0 4.3 0.1 6.4 0.3 2.1 0.1 4.2 0.3 6.1 0.3 3.2 0 5.2-0.4 5.9-1.2 2.7-2.7 2.8-8.8 2.9-14.6 0.1-6.7 0.2-14.5 4.6-18.7 -0.5 0-1 0-1.6 0 -14.2 0-37.5 0-41.1 0C15.6 6.2 14.9 23.6 18.9 32.6z"
></path>
<path
d="M90.1 29.7c1-3.3 1.5-7.3 1.5-11.2 0-9-2.7-18.8-8.6-18.8 -0.1 0-0.2 0-0.3 0L77.8-0.1c-0.3 0.2-0.8 0.3-1.1 0.4 0 0 0 0 0 0 -0.2 0-0.3 0-0.4 0 -4.5 0.1-7 1.8-8.4 4.9l8.9-0.1c-1.6 3.6-2.4 8.7-2.4 13.5 0 4.9 0.8 9.9 2.5 13.6l-12.3 0c-0.2 0.4-0.4 0.8-0.6 1.2 -0.2 0.4-0.4 0.7-0.6 1.1 -0.1 0.1-0.1 0.2-0.2 0.3 -0.3 0.4-0.5 0.7-0.9 1.1 0 0 0 0 0 0 0 0-0.1 0.1-0.1 0.1 -0.1 0.1-0.2 0.2-0.4 0.3 -0.2 0.1-0.4 0.3-0.6 0.4 0 0 0 0 0 0 -0.4 0.2-0.9 0.4-1.4 0.6 -1.3 0.4-2.9 0.6-4.9 0.7 -0.5 1.5-1.1 4.1 0 5.5l3.1 3.9 0 0.8c0 2.8-2.3 4.8-2.8 5.2l-3-3.8c0.3-0.2 0.5-0.5 0.7-0.8l-1.8-2.3c-2.2-2.7-1.8-6.3-1.2-8.7 -0.7 0-1.4-0.1-2-0.1 -2.1-0.1-4.3-0.3-6.2-0.3 -4.1 0-7.7 0.5-10.8 1 -1 0.2-2 0.3-3 0.4 -0.5 1.5-1.2 4.4-0.1 5.9l3.1 4 0 0.8c0 2.8-2.3 4.8-2.8 5.2l-3.1-3.8c0.3-0.2 0.6-0.6 0.7-0.9l-1.8-2.4c-2.1-2.8-1.8-6.3-1.2-8.7 -1.6-0.2-2.9-0.8-4-1.7h0c-0.8-0.6-1.4-1.4-2-2.4 -0.1-0.1-0.2-0.3-0.2-0.5 -0.1-0.2-0.2-0.4-0.3-0.6 -0.3-0.6-0.5-1.2-0.7-1.8l-5.6 0c-1-0.3-3.5-4.8-3.5-13.2 0-8.1 3.7-13.1 4.9-13.2L16.4 5.6c0.9-1.9 2-3.7 3.4-5.2L11.2 0.5c-5.4 0-10.1 8.6-10.1 18.4 0 8.9 2.7 18.4 8.6 18.4h2.4c-1.8 10.7-6.6 43 0.4 56.5 0.7 1.4 4.3 3.4 12.2 4.6 20.2 3.1 49.8-0.5 54.6-5.3 0.7-0.7 1.3-1.7 1.8-2.9 2-0.3 8.2-1.7 12.4-8.4C100.1 71.5 98.9 53.9 90.1 29.7zM35.6 87.1c-2.6 2-10.5 2.1-12.1 2.1 0 0 0 0 0 0 -3.9 0-9-0.4-10.8-2.3 -2.6-2.7-1.5-13-0.6-19.1 -0.1-1.9 0-5.8 2.2-7.2 1.9-1.2 8.7-1.3 11.6-1.3 6.4 0 7.4 0.6 7.8 0.9 3 1.8 3.1 5.6 2.6 7.8C37.7 75.5 38.6 84.8 35.6 87.1zM70.1 87.5c-2.6 2-10.5 2.1-12.1 2.1 0 0 0 0 0 0 -3.9 0-9-0.4-10.8-2.3 -2.6-2.7-1.5-13-0.6-19.1 -0.1-1.9 0-5.8 2.2-7.2 1.9-1.2 8.7-1.3 11.6-1.3 6.4 0 7.4 0.6 7.8 0.9 3 1.8 3.1 5.6 2.6 7.8C72.2 76 73.1 85.3 70.1 87.5zM85.9 12.3c-0.6-1.3-1.3-2.2-1.9-2.5 -0.5-0.3-1-0.3-1.4 0 -1.7 1.1-3.2 12.2-0.6 17.9 0.4 0.9 0.9 1.1 1.3 1.1 0.1 0 0.2 0 0.3 0 1.8-0.5 2.1-6.2 1.7-8.6l-1.6 0.2c0.3 2.2 0 5.1-0.4 6.3 -2.1-5.3-0.8-14.1 0.1-15.5 0.8 0.6 2.2 3.5 3.1 8 -0.1 7.9-2.4 12.3-3.4 12.8 -1-0.5-3.4-5.2-3.4-13.5 0-8.3 2.4-13 3.4-13.5C83.7 5.4 85.1 7.9 85.9 12.3zM87.3 77.7c-1.4 2.3-3.1 3.6-4.6 4.3 1.2-12.2-1-31-3.5-44.7h3.3c0.1 0 0.3 0 0.4 0 0.6 0 1.2-0.1 1.8-0.4C92.8 60.7 90.7 72.2 87.3 77.7z"
></path>
<path
d="M24.7 71v5h-5.2v-5.4c-1.4-0.3-2.7-0.6-3.7-0.9 -0.9 6.8-1.1 13.3-0.3 14.5 0.4 0.3 2.9 1.1 8 1.1h0c5 0 8.8-0.7 9.7-1.3 0.8-1.3 0.6-7.7-0.4-14.4C30.7 70.1 27.5 70.8 24.7 71z"
></path>
<path
d="M58.8 68.9c2.9-0.1 6.4-0.9 8.3-1.4 0.1-0.8 0.3-2.8-0.7-3.5 -0.5-0.2-2.5-0.4-5.9-0.4 -4.9 0-8.6 0.4-9.5 0.7 -0.3 0.5-0.5 1.9-0.5 3.3C52.5 68.1 56 69 58.8 68.9z"
></path>
<path
d="M24.3 68.4c2.9-0.1 6.4-0.9 8.3-1.4 0.1-0.8 0.3-2.8-0.7-3.5 -0.5-0.2-2.5-0.4-5.9-0.4 -4.9 0-8.6 0.4-9.5 0.7 -0.3 0.5-0.5 1.9-0.5 3.3C18 67.7 21.5 68.6 24.3 68.4z"
></path>
<path
d="M60.1 71.4v3.3h-5.2v-3.4c-1.7-0.3-3.3-0.7-4.6-1 -0.9 6.8-1.1 13.3-0.3 14.5 0.4 0.3 2.9 1.1 8 1.1h0c5 0 8.8-0.7 9.7-1.3 0.8-1.3 0.6-7.7-0.4-14.4C65.5 70.5 62.7 71.1 60.1 71.4z"
></path>

<!-- <text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Natalia Woodroffe</text>
<text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text> -->
</svg>
</a>
</div>
</header>
<main class="divider">
<section class="products">
<h2>Review &amp; Place your Order</h2>
</section>
</main>
<footer>©NOT a real business</footer>
</body>
</html>
192 changes: 192 additions & 0 deletions build/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,192 @@
:root {
--font-body: Arial, Helvetica, sans-serif;
--font-headline: Haettenschweiler, "Arial Narrow Bold", sans-serif;
--primary-color: #f0a868;
--secondary-color: #525b0f;
--tertiary-color: #a4b8c4;
--light-grey: #d0d0d0;
--dark-grey: #303030;
--font-base: 18px;
--small-font: 0.8em;
--large-font: 1.2em;
}
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: var(--font-body);
font-size: var(--font-base);
color: var(--dark-grey);
}
img {
max-width: 100%;
}
header {
display: flex;
justify-content: space-between;
padding: 0 10px;
}
.logo {
line-height: 60px;
width: 245px;
overflow: hidden;
display: flex;
font-size: 30px;
text-align: right;
font-family: var(--font-headline);
}
.logo img {
width: 60px;
height: 60px;
}
.logo a {
text-decoration: none;
color: var(--font-body);
}
.hero {
position: relative;
}
.hero .logo {
position: absolute;
left: calc(50% - 60px);
bottom: -10px;
background-color: #fff;
}
.logo--square {
font-size: var(--small-font);
width: 110px;
height: 80px;
flex-direction: column;
align-items: flex-end;
box-shadow: 1px 1px 4px var(--light-grey);
justify-content: center;
align-items: center;
line-height: 1;
}
.logo--square img {
width: 90px;
height: 90px;
margin-top: -1.3em;
}
.logo--square > div {
margin-top: -1.7em;
}
.highlight {
color: var(--tertiary-color);
}
button {
padding: 0.5em 2em;
background-color: var(--secondary-color);
color: #fff;
margin: auto;
display: block;
border: 0;
font-size: var(--large-font);
}
.divider {
border-bottom: 2px solid var(--primary-color);
}
.cart {
padding-top: 1em;
position: relative;
text-align: center;
}
.cart svg {
width: 25px;
}
.cart:hover svg {
fill: gray;
}
.mission {
padding: 0 0.5em;
line-height: 1.3;
max-width: 600px;
margin: auto;
}
.products {
padding: 0.5em;
}
.product-list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
list-style-type: none;
padding: 0;
}
.product-list a {
text-decoration: none;
color: var(--dark-grey);
}
.product-card {
flex: 1 1 45%;
margin: 0.25em;
padding: 0.5em;
border: 1px solid var(--light-grey);
max-width: 250px;
}
.product-card h2,
.product-card h3,
.product-card p {
margin: 0.5em 0;
}
.card__brand {
font-size: var(--small-font);
}
.card__name {
font-size: 1em;
}
.product-detail {
padding: 1em;
max-width: 500px;
margin: auto;
}
.product-detail img {
width: 100%;
}
.cart-card {
display: grid;
grid-template-columns: 25% auto 15%;
font-size: var(--small-font);
align-items: center;
}
.cart-card__image {
grid-row: 1/3;
grid-column: 1;
}
.cart-card p {
margin-top: 0;
}
.cart-card .card__name {
grid-row: 1;
grid-column: 2;
}
.cart-card__color {
grid-row: 2;
grid-column: 2;
}
.cart-card__quantity {
grid-row: 1;
grid-column: 3;
}
.cart-card__price {
grid-row: 2;
grid-column: 3;
}
@media screen and (min-width: 500px) {
body {
max-width: 1080px;
margin: auto;
}
.mission {
font-size: 1.2em;
}
.cart-card {
font-size: inherit;
grid-template-columns: 150px auto 15%;
}
}
footer {
font-size: var(--small-font);
padding: 1em;
}
Binary file added build/images/banner-sm.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added build/images/banner.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added build/images/logos/marmot-160x100.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions build/images/noun_Backpack_2389275.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading