Skip to content
OverviewSolutions
4
Comments
2
Lars
@htmlars

All comments

  • R.J•40
    @novice-is-meSubmitted over 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
    Lars•60
    @htmlarsPosted over 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
    @BeubRunnerSubmitted almost 2 years 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
    Lars•60
    @htmlarsPosted almost 2 years 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