Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
24
Comments
5
Monash Perera
@monashperera

All comments

  • A'Jahn Kimble•30
    @Therealajahn
    Submitted 2 months 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 2 months 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 over 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 over 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 almost 2 years 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 almost 2 years ago

    QR Code

    1
    Monash Perera•350
    @monashperera
    Posted almost 2 years ago

    Dear KHAMOSH,

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

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