News-HomePage-UI

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.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @catherineisonline
For the background you can use rgba(254, 253, 249, 255) so it matches the design
Marked as helpful - @adityas24
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!
Join 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