Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found
Not Found
Not Found

Submitted

pricing-component-with-toggle using html,css,js

@FaredaElsayed

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


i'd like to het feedback to help me

Community feedback

IryDev 1,580

@IryDev

Posted

Hey @FaredaElsayed, well done for completing this challenge😄

When importing a font from Google Fonts, you need to use the @import rule in your CSS file and set the font name as the value for font-family. Here's how it should be corrected:

CSS :

@import url('https://fonts.googleapis.com/css2?family=Montserrat');

body {
  font-family: 'Montserrat', sans-serif;
}

In this example, the @import rule is used to load the "Montserrat" font from Google Fonts, and then the font-family property is set to 'Montserrat', sans-serif; to apply this font to the text in the body (body) of the page.

I hope you'll find this helpful😄

0

Please log in to post a comment

Log in with GitHub
Discord logo

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