Class description

Lesson 14 of 17 in Coddy's Image Accordion | Front-end project course.

Challenge

Easy

Target class 'description’:

Set the display to Flex
Set justify-content to center.
Set flex-direction to column
Set overflow to hidden.
Set the height to 80 pixels.
Set the font size to 13 pixels.
Set the opacity to 0.

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in Image Accordion | Front-end project

1Introduction

What you will going to build?

4CSS II

Class icon

Class description Project lesson

Heading and Subheading

Input

Background Images

2HTML

Title Class container and input

3CSS I

Body and Class wrapper

Class container

Class card

Class row