Pulls out product module

3 files changed, 24 insertions, 24 deletions

diff --git a/public/css/modules/index.css b/public/css/modules/index.css
index 6a5cef1..6e971c0 100644
--- a/public/css/modules/index.css
+++ b/public/css/modules/index.css
@@ -1,4 +1,5 @@
 @import './btn.css';
 @import './link.css';
 @import './news-index.css';
-@import './back-to-top.css';
\ No newline at end of file
+@import './back-to-top.css';
+@import './product.css';
\ No newline at end of file
diff --git a/public/css/modules/product.css b/public/css/modules/product.css
new file mode 100644
index 0000000..51c8fc7
--- /dev/null
+++ b/public/css/modules/product.css
@@ -0,0 +1,22 @@
+.product__header-block {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  gap: var(--spacing-inline-sm);
+  padding-inline: var(--spacing-inline-md);
+  padding-block: var(--spacing-block-lg) var(--spacing-block-xl);
+}
+
+.product__action-block {
+  display: flex;
+  flex-direction: column;
+  margin-inline: auto;
+  width: fit-content;
+  gap: var(--spacing-block-sm);
+}
+
+.product__action-block img {
+  max-width: 12rem;
+  width: 100%;
+  height: auto;
+}
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index bc2f9b3..88d3ae0 100644
--- a/public/main.css
+++ b/public/main.css
@@ -112,29 +112,6 @@ footer {
   padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));;
 }
 
-.product__header-block {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  gap: var(--spacing-inline-sm);
-  padding-inline: var(--spacing-inline-md);
-  padding-block: var(--spacing-block-lg) var(--spacing-block-xl);
-}
-
-.product__action-block {
-  display: flex;
-  flex-direction: column;
-  margin-inline: auto;
-  width: fit-content;
-  gap: var(--spacing-block-sm);
-}
-
-.product__action-block img {
-  max-width: 12rem;
-  width: 100%;
-  height: auto;
-}
-
 .link-gallery {
   display: flex;
   flex-wrap: wrap;