assembler-institute · sanadriu · Oct 17, 2021 · Oct 18, 2021 · Oct 19, 2021 · Oct 19, 2021
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.js b/.eslintrc.js
diff --git a/.prettierrc b/.prettierrc
diff --git a/css/FavoriteIconButton.css b/css/FavoriteIconButton.css
@@ -0,0 +1,7 @@
+.FavoriteIconButton {
+  display: block;
+  padding: 0.25rem;
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+}/*# sourceMappingURL=FavoriteIconButton.css.map */
diff --git a/css/FavoriteIconButton.css.map b/css/FavoriteIconButton.css.map
diff --git a/css/Footer.css b/css/Footer.css
@@ -0,0 +1,5 @@
+.Footer {
+  width: 100%;
+  text-align: center;
+  padding: 4rem 1rem;
+}/*# sourceMappingURL=Footer.css.map */
diff --git a/css/Footer.css.map b/css/Footer.css.map
diff --git a/css/IconImg.css b/css/IconImg.css
@@ -0,0 +1,4 @@
+.IconImg {
+  width: 1rem;
+  height: 1rem;
+}/*# sourceMappingURL=IconImg.css.map */
diff --git a/css/IconImg.css.map b/css/IconImg.css.map
diff --git a/css/ItemCard.css b/css/ItemCard.css
@@ -0,0 +1,65 @@
+.ItemCard {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 2rem;
+}
+.ItemCard__title {
+  font-size: 1rem;
+  line-height: 1.25rem;
+  font-weight: bold;
+  margin: 0.75rem 0 0 0;
+}
+.ItemCard__image-wrapper {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.ItemCard__image {
+  display: block;
+  width: 100%;
+  height: auth;
+  max-width: 32rem;
+  border-radius: 3px;
+}
+.ItemCard__divider {
+  border: 1px solid #dde1e3;
+  border-radius: 3px;
+  width: 100%;
+  margin: 0.5rem 0;
+}
+.ItemCard__description {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin: 0;
+}
+.ItemCard__meta {
+  margin-top: 0.5rem;
+  display: flex;
+  justify-content: space-between;
+}
+.ItemCard__icons {
+  display: flex;
+}
+.ItemCard__icon-row {
+  display: flex;
+  margin-right: 1rem;
+  align-items: center;
+}
+.ItemCard__icon-row:last-of-type {
+  margin: 0;
+}
+.ItemCard__icon-popular {
+  color: #046900;
+  background-color: #dcf8dc;
+  padding: 0.125rem 0.5rem;
+  border-radius: 4px;
+}
+.ItemCard__icon-unpopular {
+  color: #692100;
+  background-color: #fae8cc;
+  padding: 0.125rem 0.5rem;
+  border-radius: 4px;
+}
+.ItemCard__icon-txt {
+  margin: 0 0 0 0.5rem;
+}/*# sourceMappingURL=ItemCard.css.map */
diff --git a/css/ItemCard.css.map b/css/ItemCard.css.map
diff --git a/css/ShoppingCartItem.css b/css/ShoppingCartItem.css
@@ -0,0 +1,9 @@
+.ShoppingCartItem__img {
+  width: 100%;
+  min-width: 4rem;
+  height: 100%;
+  border-radius: 4px;
+  -o-object-fit: cover;
+     object-fit: cover;
+  background-position: center;
+}/*# sourceMappingURL=ShoppingCartItem.css.map */
diff --git a/css/ShoppingCartItem.css.map b/css/ShoppingCartItem.css.map