Really happy with my work on this one but there's a minor problem that i couldn't find any solution for it .. i really wanted to add a delay when changing the theme , i tried many things like adding transition to the body or adding and removing a transition class with JS but that aall of the above didn't help
I hope there's a solution and i'll be more than happy to hear it in addition to other tips and opinions :D
Hey Anas! I just submitted this challenge a few minutes ago, and yours look great! I also had a transition when switching theme. I used @keyframes to make the transition: https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp. Hope this helps!
Happy coding!
I used very basic elements and css properties to make this. Please help me out by letting me know the advanced elements and attributes that I might use to improve both the code and the look of the website. I have only built the desktop version as I do not know how to write the code for the mobile view. If you can guide me to any resource, would be thankful.
Hey Prannay!
The website looks great! Next time you can try using flexbox (justify-content: space-between) for spacing content out evenly. https://www.w3schools.com/cssref/css3_pr_justify-content.asp
As for the mobile view, you want to use media query, which changes css properties depending on the user's device. https://www.w3schools.com/cssref/css3_pr_mediaquery.asp
There's also a border-radius around the content, so watch out for those next time. Happy coding!
Enjoyed doing this one!
The only thing that I couldn't seem to figure out is how to lower down the review boxes to achieve the effect of one being lower than the other. This is how I did it:
I think this worked well with the 3rd box but the second box would gain the same amount of padding no matter the value that I input. Why was that and is there a better way to achieve this?
I would suggest the translate() method: https://www.w3schools.com/css/css3_2dtransforms.asp
Any feedbacks are appreciated :)
https://fmcoding.github.io/3PreviewCard/ should be the correct link.
I had a difficult time positioning the images, so any tips would be appreciated. I would also love to have other feedbacks.
I changed my username, so the site doesn't work. https://fmcoding.github.io/FAQcard/ should work.
