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

Abhishek Rawat

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

  • Advice generator app using Solidjs

    #solid-js#tailwind-css

    Abhishek Rawat•690
    Submitted about 3 years ago

    0 comments
  • Full Stack Interactive Comments Section

    #svelte#tailwind-css#mongodb

    Abhishek Rawat•690
    Submitted over 3 years ago

    0 comments
  • Shortly URL shortening API Solution using Tailwind and Svelte


    Abhishek Rawat•690
    Submitted about 4 years ago

    0 comments
  • Crowdfunding product page using Vue


    Abhishek Rawat•690
    Submitted over 4 years ago

    0 comments
  • Loopstudios landing page using chakra ui


    Abhishek Rawat•690
    Submitted over 4 years ago

    0 comments
  • Todo app built with VueJS and Tailwind CSS


    Abhishek Rawat•690
    Submitted over 4 years ago

    0 comments
View more solutions

Latest comments

  • Jerico•195
    @Jerico001
    Submitted about 4 years ago

    HTML CSS Flexbox Javscript

    1
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    Hey Jerico, great job on finishing the project. Here are few tips using which can enhance your project:

    (i). Add hover effects to the social links in the footer. (ii). Add a transition duration to your transition. Right now, the button just shifts colors instantaneously.

  • Felipe•25
    @Felipe-RL
    Submitted about 4 years ago

    Mobile first, Flexbox

    1
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    Hey Felipe, Great job on the solution. Couple of areas where you can improve upon:

    1. The layout falls apart when moving from mobile to tablet size screens. Try making the project responsive for tablet screens too.

    2. The buttons does not have hover effects on them. You can simply add a pseudo selector(:active) to add hover effects on your buttons.

    Let me know if you need any more help. Cheers!

  • Enrico Saggiorato•20
    @Essay97
    Submitted about 4 years ago

    3 column cards using Tailwind CSS

    2
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    Good old Tailwind. One thing i love doing with tailwind is to make a dark-mode version of project. If this is your first project with tailwind, definitely explore how you can implement a dark-mode version of this project. The documentations are available on the Tailwind website. Let me know if you need more help. Great job on the project. Definitely fix the issue tediko mentioned above.

  • Sabin Baniya•90
    @sabin-baniya
    Submitted about 4 years ago

    Responsive Blogr Landing Page design with HTML & CSS only

    1
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    The project looks great. Couple of issues though.

    1. The page doesn't look centered. I think you've a max-width applied to the project. If that's the case, simply add margin: 0 auto to the element which has max-width.

    2. The footer has this weird glitch where when i hover over it, the cursor disappears.

  • Le Duy•65
    @LeDuy1194
    Submitted about 4 years ago

    Static site using LESS and JS

    1
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    Damn, the project looks great. Love the slick animations. What you can do to enhance this project is to add a "END GAME" button clicking which you can show the player's score and prompt the user to Play Again. Basically add a flow to restart the game. Maybe even add a toggle to show a running history of the games user has played. Sky is the limit!

  • Glen•515
    @GlenOttley
    Submitted about 4 years ago

    Minimalist Portfolio Website, created with React

    1
    Abhishek Rawat•690
    @AbePlays
    Posted about 4 years ago

    Great job Glen. The project looks amazing. There is one issue though. The button becomes active even before my cursor has entered the button(I tried entering from the right side). It maybe because of some extra padding or margin you may have applied to one of the classes on your buttons.

View more comments
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

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