Creating a rectangle block using CSS

Hi!

What I’m trying to do

I’m a beginner to CSS. I’m trying to make a rectangular divider block - (a divider line but much thicker) using CSS to go below the title of the page.

Things I have tried

I’m completely confused as to how to achieve this using a snippet.

I know that something like

.pinkrectangle {
    width:100%;
    height:60px;
    background:hsl(192, 87%, 69%);
    position:fixed;
    top:0;
    left:0;
}

can be used to make a rectangle in CSS but don’t know how to input said css into the page. Additionally, I would like to edit the dividers SELECTIVELY… how does this work?

Any help is appreciated! Thank you! :slight_smile:

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.