Design comparison
Solution retrospective
How do I make those lines at the top of each item ? Also is there any way to make line break after word "points" so that it isnt so long ?
Community feedback
- @Vueko1Posted about 3 years ago
Update: I added missing border top and created additional line break in headers' paragraph
0 - @RobertK0Posted about 3 years ago
For the lines, or well, borders, try playing around with
border-top
on the cards themselves ;)0@Vueko1Posted about 3 years ago@Zero0k when I do this while having border-radius applied the line gets rounded as well, that's the main problem
0@RobertK0Posted about 3 years ago@Vueko1 Ah, I did not notice in the small image that the border line is not curved. Tried googling it myself on how to achieve that but there seems to be no direct way if I'm not missing something.
0 - @TomasScerbakPosted about 3 years ago
Hi Vueko, I used
inline-size - 50rem;
to shorten the line and make it break
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