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

Aravind Manoharan

@AravindM81780 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

  • Testimonials grid section


    Aravind Manoharan•80
    Submitted 8 months ago

    Any feedback is appreciated.


    1 comment
  • Four card feature section


    Aravind Manoharan•80
    Submitted 8 months ago

    Any feedback is appreciated.


    1 comment
  • Product preview card component


    Aravind Manoharan•80
    Submitted 8 months ago

    Any feedback is appreciated.


    1 comment
  • Recipe page


    Aravind Manoharan•80
    Submitted 8 months ago

    Any feedback is appreciated.


    1 comment
  • Social links profile


    Aravind Manoharan•80
    Submitted 8 months ago

    I would like to know how does one build out a design as closely as possible without a figma file, got any hacks or methods to it?


    1 comment
  • Blog preview card


    Aravind Manoharan•80
    Submitted 9 months ago

    I would like to get help with transition effects how one can make smooth and calm transitions. What other properties are helpful and if there is any standard practice to it.


    1 comment
View more solutions

Latest comments

  • rajaab100•80
    @rajaab100
    Submitted 8 months ago

    Testimonials grid section

    1
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Great attempt!

  • Chris•150
    @cohoc
    Submitted 9 months ago

    Four Card Feature with CSS Grid

    1
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Great attempt!

  • gabbyhunter1•60
    @gabbyhunter1
    Submitted 9 months ago

    Product preview card component challenge

    1
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Great attempt, I just wanted to suggest that you forgot to apply the color changing hover effect for the button if you look at the active-states.jpg from design folder you will notice the difference. Also I am just guessing but the image is not being properly displayed in mobile view because of display:block property for img, picture.

  • KosmoSlayeR•30
    @KosmoSlayeR
    Submitted 8 months ago

    Responsive blogpost card

    1
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Great attempt! One thing I could suggest is to add an effect such as ease or ease-in-out to the transition effect property it will make the transition a lot better.

    .title { font-weight: bold; transition: color 80ms ease-in-out; }

  • JoseLeoV77•120
    @JoseLeoV77
    Submitted 8 months ago
    What specific areas of your project would you like help with?

    Any feedback helps!

    Recipe Page

    1
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Well done!

  • Murat Semih Esmeray•120
    @Mse103454
    Submitted 8 months ago

    Social_Links_Profile

    2
    Aravind Manoharan•80
    @AravindM817
    Posted 8 months ago

    Great work, I would suggest to focus on typography and to make the layout both large screen and mobile responsive.

View more comments

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

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