Menu
Coddy logo textTech

Option „Mehr anzeigen“

Lektion 9 von 31 im Kurs 3D-Karte | Front-end-Projekt von Coddy.

challenge icon

Aufgabe

Einfach

Innerhalb von ‘view-more’:

  1.  

    1. Erstelle einen Button mit dem Klassennamen ‘view-more-button’ und füge den Text ‘View more’ im Button hinzu.
    2. Füge unter dem Button dieses SVG hinzu:
    <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>

Probier es selbst

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

Alle Lektionen in 3D-Karte | Front-end-Projekt