You are on page 1of 3

Tailwind CSS

Basics
Assignment
Assignment
For this assignment module, your task is to create a blog webpage. To begin, in this coding challenge, you
need to import tailwind CSS into the project. You are expected to use only the typography properties
provided by tailwind CSS to achieve the desired output described below.

Moving forward with the design of our blog webpage, let's explore images, layouts, and borders. By utilizing
the flex and border properties offered by tailwind CSS, aim to achieve the desired output as described
below.

In this coding challenge, let's examine the fonts provided by tailwind CSS and explore some of the other text
properties. Utilize the properties offered by tailwind CSS to achieve the desired output described below.

Full Stack Web Development


Assignment
In this coding challenge, let's explore the different variations of borders offered in CSS. Using the border
properties provided by tailwind CSS, attempt to achieve the desired output described below.

Continuing with the design of our blog webpage, let's now delve into the grid layout. Utilize the grid layout
properties provided by tailwind CSS to achieve the desired output described below.

Sometimes, instead of using static images, CSS can provide a more flexible solution. One such example is
designing a default profile picture using the first letter of the user's name. In this coding challenge, utilize
tailwind CSS properties to achieve the desired output described below.

To finalize the design of our blog webpage, it is crucial to incorporate a subscription section that can be
utilized for marketing purposes. In this coding challenge, try to add a subscription section following the
specifications illustrated in the provided image.

Full Stack Web Development

You might also like