Design comparison
Solution retrospective
How can i create shapes like this line using css , Here i made it using <hr> tag and specify its border. If any other solution is there then please give me some advice.
Community feedback
- @catherineisonlinePosted almost 2 years ago
For the background you can use rgba(254, 253, 249, 255) so it matches the design
Marked as helpful0@Sanjog735Posted almost 2 years ago@catherineisonline Thanks it was very much helpful for me.
0 - @adityas24Posted almost 2 years ago
Hi Sanjog, i loved your site, great job!
For creating those lines, you can simply give
border-bottom
to the first and the second boxes you have created. That is the best way to do it i think.If you still want to follow any other path, you can use
div
tag and give itwidth
,height
andbackground color
. But why to create tags unnecessarily if you can do it just by adding border-bottom. This would be a bad practice.Do mark it as helpful if it helped you. Happy coding!
0@adityas24Posted almost 2 years ago@Sanjog735 Do mark it is as helpful if it helped you!
Marked as helpful0
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