Skip to content
Submitted over 2 years ago

News-HomePage-UI

fresh, foundation
Sanjog Patel•80
@Sanjog735
A solution to the News homepage challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline

    For the background you can use rgba(254, 253, 249, 255) so it matches the design

    Marked as helpful
  • Aditya Singh•460
    @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 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!

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