Loading
Build a Flexible Ribbon Banner in Tailwind CSS Tutorial (10 exercises)
Exercise

Create Ribbon Banner Element

You got the ribbon container in the right place. Now, your next task is to create the actual ribbon element.

As you can see here in Figma, I drew some imaginary rectangles. We have the container that we've just built. You will need to focus on that part.

element that sits at the top of our rectangleLoading

Don’t do the rotation just yet. Start by having an element that sits at the top of our rectangle. It should look like this:

my cool ribbonLoading

Transcript

We've got the ribbon container in the right place. Now, let's create the actual ribbon element. We can see here in Figma I drew some imaginary rectangles. We have our container that we've just built.

Now, we're going to focus on that part. We're not going to do the rotation just yet. Let's start by having an element that sits at the top of our rectangle, like so.