I started by creating all the HTML elements and assigning them classes. I moved onto the CSS, and started by importing fonts, and adding a background color for the entire webpage. Next, I started to design the card, and spent some time trying to get the small details right (such as padding, margins, font sizes etc). I then moved to styling elements like text, images, and finally some hover effects for the buttons. Furthermore, I spent some time playing around with the colors trying to find one as close as possible. I used knowledge from prior projects and applied it to this one to achieve the design I was looking for. Overall, this project allowed me to learn some new things and further improve my vanilla JS skills. Once I finished, I tested the website on multiple browsers and used the built-in device size emulation feature to view what the website would look like on different devices.
Latest solutions
Latest comments
- @daniyalmaster693What are you most proud of, and what would you do differently next time?@Ahmedeii
good job, but you forgot to change the color of the button when select another button.
