Design comparison
Solution retrospective
Nothing, I will make the card super responsive.
What challenges did you encounter, and how did you overcome them?I still had white, sharp edge corners when I defined the border radius.
I styled the container to background-color: transparent; to solve the problem
What specific areas of your project would you like help with?Yes. Responsive Design
Community feedback
- @BryanhSantosPosted 7 months ago
The design was interesting, a little different from the one proposed, but really cool. I have a question: "Did you feel any difficulty centralizing all the content? On my first attempt I was terrible."
Marked as helpful0@AnniekemePosted 7 months ago@BryanhSantos Thank you for your feedback. I had issues with centralizing and the responsive layout.
0 - @danielmrz-devPosted 7 months ago
Hello, @Anniekeme!
Your project is looking fantastic!
I'd like to suggest a way to make it even better:
- Using
margin
isn't always the most effective method for centering an element.
Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:
📌 Apply this CSS to the body (avoid using
position
ormargins
in order to work correctly):body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
I hope you find this helpful!
Keep up the excellent work!
Marked as helpful0@AnniekemePosted 7 months agoThank you, @danielmrz-dev for your feedback. I learned a lot from this. Your correction was insightful. I generally avoid using height because, in some projects, it does not really help in responsive design, which is why I use margin.
1 - Using
- @LysenkoMarynaAleksandrovnaPosted 6 months ago
Hello. Your work is so neat and structured that it is a pleasure to read. Reading it, I wanted to make my own works the same. Thanks for the good example.
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