I want to replicate this effect with css:
I am currently doing it manually with boostrap
the following code:
<div class="row" >
<div class="col-12 bg-dark text-center">
-------------------------------------------------------------------
</div>
</div>
The problem here is that it is not responsive. The line jumps if the screen is smaller. Is there a way to do this in css? I have very little knowledge and what I have found does not work for me.
You can override the default border color of the bootstrap hr element, something like this: