This was a good challenge for me to improve on my usage of media queries and JS. The JS I used it very simple but I had a tough time trying to add a feature of closing an open accordion when opening a new one. If someone could give me feedback or how to on that using my code that would be great. I have seen other options online but not with how I set up my accordion.
Hey! I am Reza 🙂 I just recently started to learn web-development and would like to get every little help out there. So if you have the time, feel free to look over my project/projects and give me some advice to get better as fast as possible.
Third Project: Some questions for this "nft-card" project:
I appreciate it✌️
Hey Reza :) , you realy did a great job keep going
if you want to creat this blue color when you hover over
<div class="equilibrium">
<div class="hover-effect"><img src="images/icon-view.svg" alt=""></div>
</div>
this is the html for it and then make you'r picture a background picture for equilibrium div
for you'r hover effect div use
background-color: rgba(0, 255, 247, 0.441) ;
opacity: 0;
the last trick you write this line
.hover-effect:hover{
opacity: 1;
}
congratulations, you did a great job, but I think you should focus on your design, you used grey color instead of using white color and you didn't but the violent color above the picture, and I can find some problems in you'r picture in width 800 of view port did you but it in height 100% of the container ? keep going I think you will be in a great position in the future .
if you want to use the mobile and desktop viewport you can use " @media not|only mediatype and (expressions) { CSS-Code; } " or you can search on google about responsive websites and then you will find the answer for you'r question.
Waht could I improve oor do better?
first you should center you'r container vertically, and you should use buttons for " learn more " not use anchor and you did'nt use border radius in the right way. but you'r work is good, keep going
do I have to use many media queries to make It more responsive? for example, if I am using media query at 948px it works til 1200px approx then it starts breaking. so do I have to use another media query at 1200px or is there any other way
