Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
3

Raj Patel

@rajkp10Vadodara, Gujarat, India370 points

Hi, I am Raj Patel, and I'm a Frontend Web Enthusiastic, looking to gain experience in Web Development Field by working on projects.

I’m currently learning...

Node.js and Express.js

Latest solutions

  • Chat app CSS Illustration using ReactJS and Tailwind CSS

    #react#tailwind-css#vite

    Raj Patel•370
    Submitted almost 2 years ago

    0 comments
  • Loopstudios landing page using ReactJS, TailwindCSS and Framer Motion

    #motion#react#tailwind-css#vite

    Raj Patel•370
    Submitted about 2 years ago

    0 comments
  • Easybank landing page using ReactJS, Vite, Tailwind CSS and HeadlessUI

    #react#tailwind-css#vite

    Raj Patel•370
    Submitted about 2 years ago

    0 comments
  • Calculator App with 3 Different dynamic themes


    Raj Patel•370
    Submitted over 2 years ago

    1 comment
  • Age Calculator Component using HTML5 and CSS3 (Flexbox and Grid)


    Raj Patel•370
    Submitted over 2 years ago

    0 comments
  • Order Summary Component using HTML5 and CSS3 Flexbox


    Raj Patel•370
    Submitted over 2 years ago

    2 comments
View more solutions

Latest comments

  • Nourallah•50
    @nourallah28
    Submitted over 2 years ago

    product card using HTML and CSS

    1
    Raj Patel•370
    @rajkp10
    Posted over 2 years ago

    Hello Nourallah 👋, I hope you are doing great.

    I can give following suggestion :

    • Add @media query to make you design responsive.
    • For smaller screens add flex-direction : column in wrapper class in media query.
    • Try to use rem instead of px.
    • Try to write all your css in separate file and not in html

    Appart from that everything looks great. 🥳

    Marked as helpful
  • Miguel Arcanjo•50
    @MiguellArcanjo
    Submitted over 2 years ago

    Intro section with dropdown navigation

    1
    Raj Patel•370
    @rajkp10
    Posted over 2 years ago

    Hello Migual Arcanjo 👋, I hope you are doing well.

    I can give you following suggestions :

    • Remove the min-width : 460px property from .logos class. It may cause abnormal design on smaller screens.
    • Try to use rem instead of px. As changing the font size in browser may cause in abnormal font size in your website.

    Appart from that everything looks good. 🥳

    Marked as helpful
  • Ratchapon Ngamdan•180
    @bbenbboy
    Submitted over 2 years ago

    Intro Section with Dropdown Navigation

    2
    Raj Patel•370
    @rajkp10
    Posted over 2 years ago

    Hello @bbenbboy, I hope you are doing well.

    I can give you following suggestions :

    -Try to use rem instead of px wherever you can.

    -Set height:100vh and width:100vw of your main wrapper class.

    -And talking about the background image, try to use background-size:contain, background-repeat:no-repeat, background-position:center.

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