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

Fahith K.R.M.

@FahithKRMSri Lanka160 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

  • Column Preview Card Component

    #bootstrap#next#react#tailwind-css

    Fahith K.R.M.•160
    Submitted 11 months ago

    I would appreciate feedback on the overall code structure and any suggestions for improving the performance of the component. Specifically, I am interested in learning more about optimizing React components and best practices for state management in similar projects.


    0 comments
  • Product Preview Card Component Design

    #jest#react#redux#styled-components#web-components

    Fahith K.R.M.•160
    Submitted 12 months ago

    I would appreciate feedback on the performance optimization of the component, particularly in the context of large-scale applications. Additionally, any suggestions for improving the user experience, especially with regard to accessibility and animations, would be helpful.


    1 comment
  • Blog preview card Design


    Fahith K.R.M.•160
    Submitted 12 months ago

    1 comment
  • QR Code Components Design


    Fahith K.R.M.•160
    Submitted 12 months ago
    1. Design Enhancement: I would appreciate feedback on how to make the design more visually appealing while keeping it functional and straightforward.

    2. User Engagement: Suggestions on how to increase user interaction with the card, such as incorporating dynamic elements, would be valuable.

    3. Code Optimization: Advice on optimizing the HTML/CSS code used to create this design, focusing on best practices and performance improvements, would be helpful.


    0 comments
  • Stats Preview Card


    Fahith K.R.M.•160
    Submitted 12 months ago

    I would appreciate feedback on the following areas:

    1. Performance Optimization: Are there more efficient ways to apply color filters to images using CSS, especially when dealing with multiple images or high-resolution files?

    2. Cross-Browser Compatibility: How can I ensure that CSS filter effects appear consistently across all major browsers, particularly older versions of Internet Explorer or mobile browsers?

    3. Accessibility: How can I improve accessibility when using visual effects, ensuring that users relying on screen readers or those with visual impairments have a seamless experience?

    4. Alternative Techniques: Are there alternative methods or technologies that could be more effective for this type of project, such as using JavaScript libraries or frameworks that provide additional flexibility or functionality?

    I am open to suggestions and insights from the community to enhance the quality and efficiency of this project further.


    0 comments
  • Order Summary


    Fahith K.R.M.•160
    Submitted 12 months ago

    0 comments
View more solutions

Latest comments

  • P
    Abdessalam Barka•460
    @barka-dev
    Submitted 11 months ago

    Responsive Newsletter sign-up form with success message using CSS grid

    2
    Fahith K.R.M.•160
    @FahithKRM
    Posted 11 months ago

    I am thoroughly impressed with both the design and solution provided. The seamless integration of these elements showcases a high level of expertise and attention to detail. The content is superb, offering valuable insights and practical solutions. Keep up the excellent work

  • P
    Abdessalam Barka•460
    @barka-dev
    Submitted 11 months ago

    Responsive Time tracking dashboard using CSS grid and Flexbox

    1
    Fahith K.R.M.•160
    @FahithKRM
    Posted 11 months ago

    I am thoroughly impressed with both the design and solution provided. The seamless integration of these elements showcases a high level of expertise and attention to detail. The content is superb, offering valuable insights and practical solutions. Keep up the excellent work

  • HUMBERTO RIBEIRO DE SALES•400
    @HumbertoFox
    Submitted 12 months ago

    recipe page solution

    1
    Fahith K.R.M.•160
    @FahithKRM
    Posted 12 months ago

    Congrats, Good practice & Keep going 👍

    Marked as helpful
  • OlsanX•170
    @olsanx
    Submitted over 2 years ago
    What are you most proud of, and what would you do differently next time?

    Nil

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

    nil

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

    nil

    Product preview card component

    #accessibility#styled-components#theme-ui
    1
    Fahith K.R.M.•160
    @FahithKRM
    Posted 12 months ago

    Your work is good overall. Please consider this feedback for future tasks.

    1. Image Issue - The image used does not have a file included.

    2. Container Alignment - The container is not centered on the screen.

    3. Price Font Weight - The font weight of '$169.99' is not appropriate.

    4. Add to Cart Button - The 'Add to cart' text and its icon are not centered horizontally.

    5. Typography - Please double-check the font weight and font size throughout the design.

  • faekhatami•540
    @faekhatami
    Submitted 12 months ago

    Blog Preview Card using html and css

    2
    Fahith K.R.M.•160
    @FahithKRM
    Posted 12 months ago

    Great work on this solution! For future reference, please remember:

    • Design Specifications: The design files specify the border radius that should be used. Make sure to refer to these specifications.

    • Padding, Margin and Box Sizing: You can apply overall padding inside the main container to create appropriate spacing. Be double the design task.

  • ramez bakeer•120
    @ramezbakeer
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of using CSS variables in this project, and I will learn more about responsive layouts

    Responsive landing page using CSS variables

    1
    Fahith K.R.M.•160
    @FahithKRM
    Posted 12 months ago

    Great work on this solution! For future reference, please remember:

    1. Design Specifications: The design files specify the width for the main part of the card and the border radius that should be used. Make sure to refer to these specifications.

    2. Font Weights and colors: Double-check the font weights and color selections to ensure they match the design specifications.

    3. Padding, Margin and Box Sizing: You can apply overall padding inside the main container to create appropriate spacing. Be sure to change the box-sizing property to border-box. This ensures that adding padding does not increase the total size of the container.

    Marked as helpful
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

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