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

KS-Coder24

@KS-Coder2450 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

  • Building a Blog Preview Card with HTML and CSS


    KS-Coder24•50
    Submitted 11 months ago

    I would appreciate if someone could review my code and point out a fix for the issued I had with displaying my downloaded cursor icon as hover effect.


    2 comments
  • Building a Blog Preview Card with HTML and CSS


    KS-Coder24•50
    Submitted 11 months ago

    At this stage, I feel quite comfortable with the challenge. However, I recognize that more complex projects in the future may require additional support. For now, the resources available to me have been very helpful.


    1 comment
  • Building a QR Code Component with HTML and CSS


    KS-Coder24•50
    Submitted 11 months ago

    At this stage, I’m not certain which specific areas might pose challenges that I cannot address on my own. However, I would greatly appreciate any feedback on my current work that could highlight potential issues or areas for improvement. Your insights would be valuable in helping me enhance my project.


    1 comment

Latest comments

  • blphnx•50
    @blphnx
    Submitted 11 months ago

    blog preview card

    1
    KS-Coder24•50
    @KS-Coder24
    Posted 11 months ago

    Hi, congratulations on completing the challenge!

    Your code is easy to follow, and your solution closely matches the design. To achieve even greater accuracy, try using the exact dimensions (fonts, padding, gaps, etc.) from the Figma designs.

    I hope this feedback is helpful.

    Happy coding!

    Marked as helpful
  • HishamYossry•40
    @HishamYossry
    Submitted 11 months ago

    Blog preview card

    1
    KS-Coder24•50
    @KS-Coder24
    Posted 11 months ago

    The solution look much alike design. The hover effect was the only missing part in the solution.

  • Manpreet Singh•190
    @Manpreet-01
    Submitted 11 months ago
    What specific areas of your project would you like help with?

    I'm working on a project where I need to ensure my CSS design closely matches the actual design specifications. I'm particularly struggling with selecting the appropriate font sizes, widths, heights, and color values. I want the design to look pixel-perfect. Here are some specific questions I have:

    1. Font Sizes: What are the best practices for choosing font sizes to ensure text looks consistent and visually appealing? For example, should I use 15px, 16px, or 18px for body text?

    2. Widths and Heights: How do I determine the optimal widths and heights for different elements to ensure the layout matches the design specifications? Are there any standard guidelines or tools I should use?

    3. Color Values: How do I select and apply color values to match the design accurately? Are there any tips for ensuring color consistency across different devices and screens?

    Any advice or recommendations on how to choose and apply these values to achieve a pixel-perfect design would be greatly appreciated!

    qr code component

    2
    KS-Coder24•50
    @KS-Coder24
    Posted 11 months ago

    The HTML code was not available in the GitHub repository; only the README.md file was accessible. While the accessibility and layout are generally effective, the dimensions (width, height, and font sizes) could be improved by using the Figma designs for more precise measurements."

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