Menu
Coddy logo textTech

Klasse media-buttons

Lektion 6 von 26 im Kurs Coddy Profilkarten-Klon | Front-end-Projekt von Coddy.

challenge icon

Aufgabe

Einfach

Innerhalb der Klasse "media-buttons":

  1. Erstellen Sie drei Anker-Tags mit demselben Klassennamen, ‘link’.
  2. Erstellen Sie innerhalb jedes Anker-Tags ein Icon-Tag.
  3. Geben Sie den Icon-Tags die folgenden Klassen:

    1. Das erste 

      bx bxl-linkedin bx-sm
    2. Das zweite 

      bx bxl-github bx-sm
    3. Das dritte

      bx bxl-twitter bx-sm

    (Diese Klassen sind sehr wichtig, um die Icons von Boxicons zu erhalten.)

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 Coddy Profilkarten-Klon | Front-end-Projekt