Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
1

Deepak Kumar

@deepak300811India210 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Loopstudios Homepage with React, Pure CSS


    Deepak Kumar•210
    Submitted over 3 years ago

    0 comments
  • Rest Countries (React, React-Router, React Hooks)


    Deepak Kumar•210
    Submitted over 4 years ago

    0 comments
  • Ping Single Coming Soon Page, Using SCSS and JS


    Deepak Kumar•210
    Submitted almost 5 years ago

    0 comments
  • Using a combination of Grid And Flex Box


    Deepak Kumar•210
    Submitted almost 5 years ago

    0 comments
  • First Web-page with SASS


    Deepak Kumar•210
    Submitted almost 5 years ago

    0 comments
  • Base Apparel {Purely Made With percentages and View Heights and Width}


    Deepak Kumar•210
    Submitted almost 5 years ago

    0 comments
View more solutions

Latest comments

  • Valentin•290
    @cheepmanzee
    Submitted over 3 years ago

    Loopstudios Landing Page

    1
    Deepak Kumar•210
    @deepak300811
    Posted over 3 years ago

    For placement of background image:

    for deciding the focus point of image, means if size of the screen decreases the image will try to be in centre and focus on that point. means clipping at the edges will happen

    1. background-position: center

    For size, most popular is cover 2. background-size: Cover it will make image to cover all of the size, even if the image size is small it will snap to come on full div

    And some links : https://developer.mozilla.org/en-US/docs/Web/CSS/background-position, https://developer.mozilla.org/en-US/docs/Web/CSS/background

    Marked as helpful
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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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

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

Oops! 😬

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

Log in with GitHub