Design comparison
Community feedback
- @GSida015Posted 6 months ago
its good but there are details you should fix:first you need to add more width to card...Second: you should light up cards box-shadow use #d3d3d3 instead...Third:You should make text like it is on design... overall on card you can do this: body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; text-align: center; width: 100%; height: 80vh;
background-color: #d6e1f0; }
.container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.absolute { width:320px; height: 497px; border-radius: 15px; padding: 16px; box-shadow: 0px 0px 10px #d3d3d3; }
also image and text should have another section...text section wich will have display flex ... align-items center;, justify-content: center; flex-direction: column;gap: 16px; there are more to do but I dont have enough time... I hope you will get it by urself. I hope you find this usefull... GOOD LUCK!!!💪🏻
1
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