Card Component with only html and css. Feedback are welcome.
Design comparison
Solution retrospective
Hello frontend mentor community. This is my solution for card component challenger, and i need feedback for become my code better. Thanks for the help. Good day.
Community feedback
- @CodeWithAlaminPosted almost 2 years ago
Hi Cris Augusto👋 Great job on completing this challenge! 🥳
Here are a few suggestions on how you can improve your code and write better CSS:
-
Use semantic HTML tags: Instead of using div elements for everything, try to use HTML tags that accurately describe the content of the element. For example, use
header
for a header element,section
for a section of content, andfooter
for a footer. This will make your code more readable and easier to understand. -
Use CSS grid or flexbox for layout: Instead of using a combination of margins and absolute positioning to layout your elements, consider using the CSS grid or flexbox layout systems. These layouts are easier to work with, more flexible, and can make your code simpler and more maintainable.
-
Use CSS inheritance: If you have multiple elements that share the same styles, try to use CSS inheritance to avoid repeating the same styles multiple times. For example, you can define a style for a
body
element, and all other elements inside the body will inherit that style by default. This will make your code shorter and easier to maintain.
Overall, this is a very well done solution to the challenge. Great job!
I hope this feedback was helpful. 😊 Keep up the good work!👍
Marked as helpful1@Cristhyam-AugustoPosted almost 2 years agoHello, Alamin. Thanks for your feedback, this is very important for me. I am going to better my code, thanks again and have a good day
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