Looking to hire developers?
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.
@catherineisonline
Posted
For the background you can use rgba(254, 253, 249, 255) so it matches the design
Marked as helpful
@Sanjog735
Posted
@catherineisonline Thanks it was very much helpful for me.
@adityas24
Posted
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 it width, height and background 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!
@Sanjog735
Posted
@adityas24 Thank you for your advice 😊
@adityas24
Posted
@Sanjog735 Do mark it is as helpful if it helped you!
Marked as helpful
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
