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

Jyoti-shinde-coder

@Jyoti-shinde-coder60 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

  • fm-blog-preview-main


    Jyoti-shinde-coder•60
    Submitted 5 months ago

    0 comments
  • Responsive Mobile QR-Code Component


    Jyoti-shinde-coder•60
    Submitted 11 months ago

    1 comment

Latest comments

  • Stash443•120
    @Stash443
    Submitted 5 months ago

    Blog preview card using CSS

    2
    Jyoti-shinde-coder•60
    @Jyoti-shinde-coder
    Posted 5 months ago

    The solution effectively uses semantic HTML, but replacing excessive <div> or <span> with proper tags can improve clarity and SEO. Accessibility can be enhanced by ensuring keyboard navigation, adding ARIA attributes, alt text for images, and maintaining good color contrast. The layout is responsive, but testing on different devices and refining image and text scaling can improve it further. Using CSS Grid/Flexbox helps with alignment. The code should be modular, well-commented, and follow best practices like DRY. Keeping styles and logic organized improves readability. Lastly, refining spacing, fonts, and alignment ensures the design closely matches the original. Overall, it’s a solid solution with minor improvements needed in accessibility, responsiveness, and structure.

    Marked as helpful
  • Dark•30
    @popcorn150
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm happy about everything! :)

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

    The use of flexbox and my html structure.

    Responsive Qr-code design

    1
    Jyoti-shinde-coder•60
    @Jyoti-shinde-coder
    Posted 11 months ago

    I created a QR code using HTML and CSS, demonstrating my ability to integrate visual elements directly into web pages without relying on external libraries or images. By using CSS for styling and positioning, I maintained control over the appearance and ensured that the QR code is responsive and adaptable to different screen sizes. This approach highlights my skills in front-end development, showcasing my proficiency in creating functional, visually appealing components with pure code.

    Marked as helpful

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