diff --git a/css/style.css b/css/style.css index 83d12c7..830cad2 100644 --- a/css/style.css +++ b/css/style.css @@ -94,9 +94,11 @@ a.cart-page-link { padding: 5px 10px; border-radius: 5px; } + .cart-drawer-body { overflow-y: scroll; } + .cart-drawer-body-single-product { margin: 20px 0; display: flex; @@ -193,11 +195,13 @@ header { text-decoration: none; color: black; } -.logo{ + +.logo { max-width: 80px; width: 100%; height: auto; } + .menu-section { display: flex; align-items: center; @@ -254,9 +258,11 @@ header { z-index: 5; display: none; } -.cart-menu-active{ + +.cart-menu-active { display: flex; } + .cart-menu .cart-menu-links { display: flex; flex-direction: column; @@ -404,7 +410,8 @@ img.single-icon { transition: .3s ease-in-out; z-index: 1; } -.single-img-box-overlay{ + +.single-img-box-overlay { position: absolute; top: 0; left: 0; @@ -436,7 +443,8 @@ img.single-icon { z-index: 999; color: white; } -.single-img-box-title{ + +.single-img-box-title { font-size: 20px; margin-bottom: 10px; } @@ -569,13 +577,8 @@ a.cta-link:hover { color: indigo; } - - - - /* img text box section */ - .img-text-box-wrapper { display: flex; justify-content: space-between; diff --git a/js/script.js b/js/script.js index 77326bc..6e615ec 100644 --- a/js/script.js +++ b/js/script.js @@ -78,7 +78,7 @@ cartDrawerCloseBtn.addEventListener('click',function(event){ }) -// product featured image change on click +// product featured image change on clicked let productFeaturedImg = document.querySelector('.product-featured-img') let productThumbnailImgs = document.querySelectorAll('.product-other-img');