Design comparison
Solution retrospective
responsive web design make the card different positions
Community feedback
- @MikDra1Posted about 2 months ago
Nice one 😀
If you are curious how you can do this straight lines on the top of each card here is my tip:
Create another element in each of the cards. Then position this element absolute. Card should be positioned relative. At the end you need to give this element a height of 3px width of 100% and top 0 and left 0. You can also use ::after or ::before pseudo elements to create these.
Hope you found this comment helpful 💗
Good job and keep going 😁😊😉
Marked as helpful0 - @rcsilva211Posted about 2 months ago
The code is bit messy, but the result is there. Personally, I'd use grid or flex to align them instead of static values. Keep it up :)
0@zbuli-tPosted about 2 months ago@rcsilva211 thank you so much for your comment. This was hard for me but then i started to learn a bit of grid in the next challenge
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