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

Monash Perera

@monashpereraSri Lanka350 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 using React

    #react

    Monash Perera•350
    Submitted 22 days ago

    0 comments
  • Browser extension manager UI using React

    #react

    Monash Perera•350
    Submitted 26 days ago

    0 comments
  • Time tracking dashboard using React

    #react

    Monash Perera•350
    Submitted 4 months ago

    0 comments
  • Bento grid using React

    #react

    Monash Perera•350
    Submitted 4 months ago

    0 comments
  • Social media dashboard with theme switcher React and Bootstrap

    #react#bootstrap

    Monash Perera•350
    Submitted 4 months ago

    0 comments
  • Age calculator app using React and Bootstrap

    #react#bootstrap

    Monash Perera•350
    Submitted 5 months ago

    0 comments
View more solutions

Latest comments

  • A'Jahn Kimble•30
    @Therealajahn
    Submitted 22 days ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of my use of CSS with this product. I used minimal Javascript for this project which is what I otherwise would have used for all the animation. I used built in behavior of HTML and CSS to make the radio, toggle and switch interactions. In retrospect, I would get the darkmode/lightmode switch working as soon as possible with the variables for each mode at the beginning of the project.

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

    The hardest part of the project was making the inputs function correctly with highly customized behavior involving modification of their label elements using :checked and ::before selectors.

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

    I think my project may be lacking in accessibility, although I did put a lot of effort on in that area this time.

    Responsive Extension Page (HTML,CSS, and Javascript)

    #accessibility#animation
    1
    Monash Perera•350
    @monashperera
    Posted 22 days ago

    Hi A'Jahn Kimble,

    Your solution was good! I did notice a minor issue with the background gradient when the filter buttons are clicked. To fix this, please add the following CSS to your body tag:

    body {
      min-height: 100vh;
    }
    
  • BAHAAGAMERHD•30
    @BAHAAGAMERHD
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?
    • I am mostly proud of making it look very identical. However, I am sure some techniques are different in the example.
    What challenges did you encounter, and how did you overcome them?

    there where nothing challenging neither hard really that I struggled with since the design was easy.

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

    how the design could be improved generally.

    i have used css flex to align childs of parent containers properly

    1
    Monash Perera•350
    @monashperera
    Posted about 1 year ago

    Hello BAHAAGAMERHD

    Your solution was pretty good. I have a small suggestion for your next solution. Use PageSpeed Insights (https://pagespeed.web.dev/) site to optimize and smooth your solution it will provide you very useful information to improve the quality of your solution. Good luck.

    Thank you.

  • JoniMonetti1•40
    @JoniMonetti1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I think what I'm most proud of is that I did this project 100% myself.

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

    The main challenge was thinking how to make the social media buttons and how to organize everything.

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

    I would like help on how to define the heights of the labels, I don't know whether to use %, pixels, em, rem, etc.

    social links profile

    2
    Monash Perera•350
    @monashperera
    Posted about 1 year ago

    Your design too good, but why button hover effect didn't work properly. Please check it. Thank you.

  • Nisar•100
    @nisarusan
    Submitted over 1 year ago

    Productpreview Card Component Flexbox HTML and CSS

    1
    Monash Perera•350
    @monashperera
    Posted over 1 year ago

    Hi Nisar ✋, Your solution pretty good. but check your mobile view image have some issue. Thank you.

  • Khamosh•10
    @Khamoosh
    Submitted over 1 year ago

    QR Code

    1
    Monash Perera•350
    @monashperera
    Posted over 1 year ago

    Dear KHAMOSH,

    Please follow the design they given. Design and your solution doesn't equal 😐😐😐.

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

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