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

Divyojyoti Ghosh

@divyodatasci60 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

  • Blog Preview Card


    Divyojyoti Ghosh•60
    Submitted 12 months ago

    1 comment
  • QR Code component using CSS


    Divyojyoti Ghosh•60
    Submitted 12 months ago

    1 comment

Latest comments

  • Mikolaj Solecki•50
    @123Mikolaj
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the clean design and efficient image loading. I don't think there's much to change.

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

    The main challenge was avoiding layout shifts caused by images. I set explicit width and height attributes to reserve space, which prevents content from shifting as images load.

    Blog Preview Card

    1
    Divyojyoti Ghosh•60
    @divyodatasci
    Posted 12 months ago

    Incorrect Closing Tags: The <h2> and <h1> elements are incorrectly closed with </h3> and </h2>. These should be closed with their corresponding tags (</h2> and </h1>).

    Accessibility Considerations: Consider using more descriptive alt attributes for images. This helps improve accessibility for users who rely on screen readers.

    Marked as helpful
  • Alejandro Jose Ruiz Estrada•10
    @AJRuiz2204
    Submitted 12 months ago
    What challenges did you encounter, and how did you overcome them?

    I was faced with the mystery of how to correctly use the widths and heights, as well as how to use the display, but with a little research and practice it could be overcome.

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

    I need help to be able to better manage the widths,height and display

    qr-code-component-main

    1
    Divyojyoti Ghosh•60
    @divyodatasci
    Posted 12 months ago

    The structure of your HTML is clean and well-organized, which is great. However, consider using HTML5 semantic elements or landmarks, such as <header>, <main>, and <footer>, where appropriate. This would improve accessibility and help screen readers and other assistive technologies better understand the structure of your webpage. For example, wrapping the content inside a <main> tag could be beneficial, as it clearly defines the main content area of the page.

    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