A heading whose left and right sides are horizontal lines can be structured as a grid with three columns:
grid-template-columns: 1fr auto 1fr;
1fr auto 1fr indicates that the left and right columns will have the same widths and they'll take the remaining spaces.
We can use the
::after pseudo elements to represent the left and right sides of the heading respectively:
border-top: 0.25rem double #E5E7EB;