Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
2

Ravi Bele

@RaviBeleSangli170 points

Senior Software Engineer at Deserve

I’m currently learning...

HTML, CSS and Javascript

Latest solutions

  • Pod request access landing page


    Ravi Bele•170
    Submitted over 1 year ago

    0 comments
  • Interactive rating component challenge on Frontend Mentor using HTML C


    Ravi Bele•170
    Submitted over 1 year ago

    1 comment
  • FAQ accordion challenge on Frontend Mentor using HTML CSS and Javascr


    Ravi Bele•170
    Submitted over 1 year ago

    0 comments
  • Responsive and Dynamic Webpage For Skilled E learning Webpage


    Ravi Bele•170
    Submitted over 1 year ago

    0 comments
  • Testimonials grid section solution using CSS Grid


    Ravi Bele•170
    Submitted over 1 year ago

    1 comment
  • Testimonials grid section solution using CSS Grid


    Ravi Bele•170
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • cloudpc7•180
    @cloudpc7
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the time that it took to finish this project. I believe I need some things to work on as far as making it more responsive.

    What challenges did you encounter, and how did you overcome them?

    my challenges for this project is the css with width and height and making it more responsive.

    What specific areas of your project would you like help with?

    I need assistance with the css of this design. Do I need to fix any of the margins or paddings, height. Is there something I can do better as far as flex layout?

    CSS flexbox and Grid

    1
    Ravi Bele•170
    @RaviBele
    Posted over 1 year ago

    Hi, your solution looks good, I liked the curves you added.

    Can you try to make it responsive. Use max-width and min-height, it will help your project to become responsive?

    also try to use media queries to fit the content according to screen size.

    in Flex layout, explore flex-direction, flex-wrap, gap properties. it will help you to adjust the content according to screen size.

  • Carlos Rodriguez•20
    @carloswearsglasses
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I would not use percentages for width or height, because it makes the card size all wrong when the browser window is resized!

    Blog Preview Card

    2
    Ravi Bele•170
    @RaviBele
    Posted over 1 year ago

    Solution looks good, There are few improvements you can try is instead of setting margins in pixel try to set auto for top bottom left right value if want to make the content to center. Try to avoid setting height and width, instead you can try min-height and max-width properties. It will make your content more responsive.

    Keep learning. Thanks

    Marked as helpful

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