Design comparison
Solution retrospective
p.s. its been less than a month since I started my web dev journey and apologies if you feel that my questions are noob-ish.
- The box shadow is feather light and I just could not find out how to do it.
- Background wave svg did not render on github pages even though I dont have any issues when I previewed the site using live server.
- Any other suggestions for improvement are happily welcomed.
Thankyou.
Community feedback
- @JimenderPosted about 3 years ago
Hi @TejasShekar, first of all Nice Work so far.
Tips on Improving:
- for box-shadow use
box-shadow: 0 1.5rem 2rem rgba(0,0,0,0.1);
and try to tweak it until you are satisfied with the result. - wrap your container in main tag and use flexbox on your container.
- you forgot to add hover & active effects on buttons.
- you can wrap text content inside a div element and add padding so that it looks same through out the project
Sorry couldn't provide solution regarding svg.
Happy Coding :)
Marked as helpful0@TejasShekarPosted about 3 years ago@Jimender Thankyou for your suggestions. It helped me learn a lot of new stuff. But I didnt understand the last point regarding wrapping text inside div. And regarding background svg, I asked how can I set the background wave svg to the right position that;s provided in the files. But, I understood where I was doing it wrong and I fixed it.
0@JimenderPosted about 3 years ago@TejasShekar what i meant by wrapping text inside div is as you can see your anuual plan and proceed to payment button both have different padding. so it will be good to wrap all your text and buttons inside a div and apply padding on that div to have same padding.
0 - for box-shadow use
- @brkclnPosted about 3 years ago
Hey there, Thanks for the posting your work.. For your 2.question
- Have look at your "file path", probably problem here.. Look Here
- I don't fully understand the problem. This can help; [shadow generator] (https://cssgenerator.org/box-shadow-css-generator.html)
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord