best way to achieve this in css

what's the best way to achieve this, please? i have tried:

.learn-more::after {
    height: 3em;
    width: 5em;
    background-color: var(--yellow);
    margin-top: 1em;
}

but it doesn't show up on my page at all even when i inspect it

7 Replies

Any pseudo element requires you to specify content So add this to your rule above

 content: "";

 content: "";

To get that effect you will also need to position it

winniffyOP•3y ago

thank you, i added content and it worked. i used display: block and margin to position it

Unknown User•3y ago

Message Not Public

winniffyOP•3y ago

anywhere i can read up more on this? i don’t quite get it

Unknown User•3y ago

Message Not Public

winniffyOP•3y ago

aight, preciate your help

Unknown User•3y ago

Message Not Public