Design comparison
SolutionDesign
Community feedback
- @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>
0@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?
0
Please log in to post a comment
Log in with GitHubJoin 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