Submitted over 4 years ago
Social Media Dashboard using CSS Flexbox and Grid
@AlexLMCode
Design comparison
SolutionDesign
Solution retrospective
How can i add the little color lines on top of the big cards without the ::before pseudo-element? Thanks :P
Community feedback
- @adarshcodesPosted over 4 years ago
Hi! @AlexLMCode, Your solution looks great👍. For the colors on the cards, you can use border-top. But the only problem with it is it can't use gradient color. You can take a look at this https://css-tricks.com/gradient-borders-in-css/. Let's take a look at the different-different aspects of your solution:
- Design aspect: It looks nice. A very small change you can consider is adding some margin-top and bottom to the attribution div(2rem looks fine to me).
- Responsive aspect: Solution can be more responsive if you add a breakpoint for tablets and make the cards in a two-column layout.
- Issues aroused: Try to fix the Accessibility and HTML issue. Great work! Happy Coding🙂
1@AlexLMCodePosted over 4 years agoThanks for the feedback!! I will check out the issues:P
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