I always have issues with importing my fonts, I would really appreciate if anyoone can look into my code and tell me where the problem lies, also if there is any sort of correction, pls let me know. Thanks.
ethan
@EthanL06All comments
- @dipeanthoniaSubmitted over 2 years ago@EthanL06Posted over 2 years ago
Hi Dipe!
Try importing the fonts through your HTML file instead of through CSS. In between your
<head>
tags, add the following snippet:<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=Big+Shoulders+Display:wght@700&family=Lexend+Deca&display=swap" rel="stylesheet">
Also, you have a mistake in your CSS rule for the
h1
tag. The rule for its font family should be:font-family: 'Big Shoulders Display', sans-serif;
Marked as helpful1 - @dan-ayalahdezSubmitted over 2 years ago
This project seemed easy but i still struggled with some things.
Could someone give me some insight on why my "limits" div doesnt
justify-content: space-between
the two paragraphs inside of it? i spent so much time on that and i couldnt fix it. I even tried to make them a<div>
but still didnt work.Things i learned: -The ::before pseudo class
- How to make a linear gradient
@EthanL06Posted over 2 years agoHi Daniel!
Add the style
width: 100%
to yourlimits
div and that should fix your problem. Good work!1