Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
4

RITESH KUMAR

@RITESH29-web140 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!

I’m currently learning...

HTML CSS & JAVASCRIPT

Latest solutions

  • Flyo dark theme landing page using flexbox


    RITESH KUMAR•140
    Submitted about 4 years ago

    1 comment
  • Fylo-Landing-Page-with-Two-Column-Layout using CSS>Flexbox


    RITESH KUMAR•140
    Submitted about 4 years ago

    2 comments
  • Clipboard-landing-page using HTML & CSS>Flexbox


    RITESH KUMAR•140
    Submitted over 4 years ago

    0 comments
  • Huddle Landing Page with Single Introductory Section using Css>Flexbox


    RITESH KUMAR•140
    Submitted over 4 years ago

    0 comments
  • Four Card Feature Section


    RITESH KUMAR•140
    Submitted over 4 years ago

    0 comments
  • Single Price Grid Component using CSS>Flexbox


    RITESH KUMAR•140
    Submitted over 4 years ago

    1 comment
View more solutions

Latest comments

  • Suraj Kandlakunta•410
    @Suraj1333
    Submitted over 4 years ago

    Four Card Feature Using HTML and CSS

    2
    RITESH KUMAR•140
    @RITESH29-web
    Posted over 4 years ago

    @Suraj1333 Always happy to help...😁

  • Suraj Kandlakunta•410
    @Suraj1333
    Submitted over 4 years ago

    Four Card Feature Using HTML and CSS

    2
    RITESH KUMAR•140
    @RITESH29-web
    Posted over 4 years ago

    Hi Suraj, The preview is good. There are some minor problems that you can look at.

    1. You can use flexbox property in main section for your .box class. And with it you can use flex-wrap property which will help to align the tabs.

    2. You can also use transform: translateY(); property to align two tabs to sides.

    If you have problem in understanding what I said or have more doubts you can check my solution.

  • Sneha•20
    @sneha-debug
    Submitted over 4 years ago

    using flexbox

    1
    RITESH KUMAR•140
    @RITESH29-web
    Posted over 4 years ago

    Hi Sneha, Preview looks good. There are some minor points that you have left.....

    1. In @margin you need to increase the max-width. As if now the transition feels smooth but the tabs resizing is too much.

    2. In the <h2> sections of you add font-weight of 400.

    3. In the *{} you can add box-sizing: border box.

    If you have difficulty in understanding what I said, you can have a look at my solution for this project.

  • Daniel•20
    @Danielstrtr
    Submitted over 4 years ago

    Profile card component html and css

    2
    RITESH KUMAR•140
    @RITESH29-web
    Posted over 4 years ago

    Hi Daniel, I would suggest you add @media query with min-width or max-width values, it will give smooth transition for screen resizing.(I am also new to this and I am doing the same to update my project).

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

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

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