I'm so glad I just discovered my problem with media queries. I used to code this; @media (min-width =768px){ mycode:property }. Instead of this; @media (min-width =768px){ mycode:property }. I was so fraustruated that i had to drop my PC and do something fun to clear my head. Love to every developers out there and those that have been taking time to comment on my solutions. Love from Wande. Happy coding everyone.
You can always center a static page by making the container flex
.container{ width: 100%; min-height: 100vh !important; display: flex; align-items: center; justify-content:center; }
Dear All, Any feedback is welcome. I think I could have written my JS much simpler.
Bence
To center your testimonial, body{ min-height : 100vh; display: flex; align-items: center; justify-content: center; } This should center the testimonial. And also you can resize background-image using background-size
hey, I did not add the cart icon on the left to the "Add to cart" button can you tell me how to do that?
Hello For page not found not to show you should always add your html file location to the live url "https://sumaiya-rahman-chowdhury.github.io/Challange/main.html" And also to add the cart to the button <button> <img src="the image location" alt =""/>
<p>Add to Cart</p> </button> After that make the button button{ display:flex; flex-direction: row; align-items : center; }Please I would love for anyone to leave a comment.
I feel since its a static page you could make your container view port height 100vh and you could use flex box to justify and align. I have been using it and it has been helpful.
