Custom Badge using HTML, SASS and ReactJS

Now, we have to create a div tag as parent element and add content inside the div like the below.

<div className={"badge"}>
  <p>5</p>
</div>

Time to add styled to it like the below:

<style>
    .badge {
      position: absolute;
      top: 10px;
      right: 10px;
    }
    
  .badge p {
    background-color: orange;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    border: solid 1px black;
  }
</style>

Hello there.

Do you have a question?

If so, please edit your post to include it.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

Thanks for asking @ilenia. No questions.

What’s this topic about then?