I have a grid with 2 columns with a heading and information on the left and an image on the right.

I would like to add a background to the heading that has been offset slightly. I would like to replicate the red heading background in the picture with the “Name Name” in the middle and the red background slightly under it and to the right.

I have made the grid with the heading centered and the paragraph, but I am unable to replicate the heading background with the code.

I made the sketchup on Figma:

r/web_design - How do I create this with CSS? A heading with a slightly offset background.

Source link

Write A Comment