
Design comparison
Solution retrospective
I'm looking to enhance the dimensions of elements in my project. This aspect is proving to be a bit challenging for me, especially as I try to incorporate CSS variables. Any advice or tips you could offer would be greatly appreciated
Community feedback
- P@dedo-devPosted 9 months ago
Hello mate, I have some suggestions for you:
- Maybe you can wrap the content in the
body
withmain
tag and also.attribution
in afooter
keeping the last one outside themain
tag; - Probably wrapping the card content with
article
could be a good solution; - There is an accessibility issue people can tab on the card title, it is
a
link so you need to use the appropriate HTML tags; - Try to make the card fully responsive there are some problems on mobile devices;
- Enhance the dimension of the design it is difficult without a design file, you need to enforce your eyes but definitely, with a PNG it's tough, play around with the value or you'll download a design file for free (2 downloads along the path);
- About Custom Properties at the moment you use it just to customize the colours of the elements so they can cause any trouble with the rest of the elements;
Anyway, you have done a good job of solving this challenge, with study and practice everything gets better. For anything else I'm here. Happy coding ✌️
Marked as helpful1@nikogalvanPosted 8 months ago@dedo-dev thanks a lot for your suggestion, i will try to apply it.
0 - Maybe you can wrap the content in the
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