Submitted about 1 year ago
Responsive profile card component using HTML Tailwind CSS
@abhay0480-eng
Design comparison
SolutionDesign
Community feedback
- @lisztomania23Posted about 1 year ago
Your background doesn't appear the same as the one provided. Remove the Tailwind utility and incorporate the following into your body style:
background: hsl(185, 75%, 39%); background-image: url('./images/bg-pattern-top.svg'), url('./images/bg-pattern-bottom.svg'); background-position: calc(50% - 510px) calc(50% - 390px), calc(50% + 470px) calc(50% + 500px); background-repeat: no-repeat;
Also, you didn't use the 'Kumbh Sans' font in your code. Anyway your code looks nice, and it was great to take a look at your code and your Tailwind implementation.
Marked as helpful1@abhay0480-engPosted about 1 year ago@lisztomania23 Thanks for comment and help to find my mistakes
1@lisztomania23Posted about 1 year ago@abhay0480-eng hey, I've made a pull request to your GitHub repository implementing this and a few changes. Merge if you like.
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