View more option

Lesson 9 of 31 in Coddy's 3D Card | Front-end Project course.

Challenge

Easy

Inside ‘view-more’:

Create a button with the class name ‘view-more-button’ and add text ‘View more’ in button.
Below the button, add this SVG:

<svg class="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-linecap="round"
                        stroke-linejoin="round">
     <path d="m6 9 6 6 6-6"></path>
</svg>

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>

View more option

All lessons in 3D Card | Front-end Project