Submitted 8 months ago

Social links profile (no CSS class)

Jech•100

@j3rech0

Preview site View code

This is a solution for...Social links profile

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Martin Mwaka•390

@TemceoPosted 8 months ago

Thanks for submitting your effort. Your css style is not showing. Please place it inside the <head> element for it to show - see below

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Social links profile</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
******
</head>

It is best practice to save the style as a separate page - eg "style.css" and then link to it from the <head> element. See example below (final line in head section)-

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Social links profile</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">

<link rel="stylesheet" href="./styles.css">
</head>

Jech•100

@j3rech0Posted 8 months ago

@Temceo I know, it was intentional and not sure why screenshot can't capture inline CSS. Have you tried the preview?

Martin Mwaka•390

@TemceoPosted 8 months ago

@j3rech0

Noted, thanks

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord