From ee9c3a93de202aa9c91a9c94ddde390e8f68093f Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> Date: Fri, 18 Aug 2023 21:03:22 +0100 Subject: Pulls out product module --- public/css/modules/product.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) create mode 100644 public/css/modules/product.css (limited to 'public/css/modules/product.css') 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 -- cgit v1.2.3