All comments

• 

  R.J• 40

  @novice-is-me

  Submitted about 1 year ago

  Is my mobile design correct?

  I do not use media queries for mobile size. Is that okay? or is it needed?

  

  3 Column Card using Flexbox

  1

  50

  

  Lars• 60

  @htmlars

  Posted about 1 year ago

  I'd definitely use media queries in order to remove the rounded corners when needed. Otherwise you lack consistency.

  0
• 

  BeubRunner• 10

  @BeubRunner

  Submitted over 1 year ago

  Thx for that first challenge, it was fun

  I had some difficulties with the google font import and some CORS issues. I solved it add a link to google font API in the index.html header and using @font-face into my style.css file. Do I really need to do both ?

  

  first solution using CSS flexbox and google font API

  1

  40

  

  Lars• 60

  @htmlars

  Posted over 1 year ago

  Hey, first of all congratulations on beating this challenge!

  In order to add custom fonts to your webpage, you can add the @import code provided on https://fonts.google.com/ to the top of your css. In this case it would be:

  @import url('https://fonts.googleapis.com/css2 family=Outfit:wght@400;700&display=swap');

  Next, you simply want to declare the font-family in lets say your body tag like this:

  font-family: 'Outfit', sans-serif;

  Done. The font will now apply to every text that you put on your webpage. If you only want it to apply to certain parts, make sure to declare it in a specific tag that is not the body tag. Gl

  Marked as helpful

  0

  This comment has received 1 replyShow