Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2
Konstantin
@khoncharov

All comments

  • Maryen•20
    @Curiositz
    Submitted over 2 years ago

    Responsive newspaper homepage with Sass and Flexbox

    #sass/scss
    1
    Konstantin•150
    @khoncharov
    Posted over 2 years ago

    Hi. I can suggest for the main pic instead of using <img> with srcset to use <picture> with <source><img>. It will help properly load cropped picture for mobile screen width immediately on page resizing. Example:

    <picture>
        <source srcset="./img/image-web-3-mobile.webp"
            media="(max-width: 960px)">
        <img src="./img/image-web-3-desktop.webp"
            alt="Wooden colored puzzle."
            width="730"
            height="300">
    </picture>
    

    More details on MDN

  • Jonathan•570
    @JonathanP4
    Submitted over 2 years ago

    Pricing component

    #sass/scss
    1
    Konstantin•150
    @khoncharov
    Posted over 2 years ago

    I guess the range thumb problem is a cross-browser compatibility issue. Open your solution in Firefox browser and you'll see same result. Probably ::-moz-range-thumb can help solve the problem for Firefox at least.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub