Design comparison
SolutionDesign
Solution retrospective
Please leave feedback and let me know how it look on your screens.
Community feedback
- @JimenderPosted about 3 years ago
Hello @alexiscenriquez, Nice Attempt on this Challenge.
Tips on how you can improve it:
- Do not give your card a fixed height. you can envelop your main html inside a container and give it height of 100vh.
- Place your text content and buttons inside a wrapper or container and apply padding to it.
- Your card have too much border radius reduce it to match the header img. Instead of % use pixels for border-radius.
- For background svg try
background: top/100% no-repeat url(../images/pattern-background-mobile.svg); background-color: var(--paleBlue);
Marked as helpful1@alexiscenriquezPosted about 3 years ago@Jimender Thank you, I will be implementing these changes
0
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