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

arpan62825

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

  • Recipe page


    arpan62825•60
    Submitted 10 months ago

    1 comment
  • social-link-profile using html and css


    arpan62825•60
    Submitted 10 months ago

    3 comments
  • Blog card with hover effect


    arpan62825•60
    Submitted 11 months ago

    Okay, so I did this without any help (like chat GPT, google, stack overflow, etc) I am pretty sure that I did some unnecessary things.

    And did some Bad practices

    I would really appreciate anyone pointing out the mistakes/bad practices that I did. And would greatly benefit from any suggestions to make the code DRY


    1 comment
  • QR code static page


    arpan62825•60
    Submitted 11 months ago

    1 comment

Latest comments

  • guilhermesiqueira13•150
    @guilhermesiqueira13
    Submitted 10 months ago

    Responsive landing page using CSS

    3
    arpan62825•60
    @arpan62825
    Posted 10 months ago

    Hey, fantastic effort on this! You’re really nailing it. Just a few things I noticed that could make it even better…

    Using a <main> tag inside the <body> of your HTML is a best practice because it clearly identifies the main content of your page. This helps with accessibility and improves how search engines understand your content. I would put the links into a <ul> <li>, I would reduce the use of <div> tags as it is bad from a SEO standpoint. Also it is a convention to put a '#' in the "href" if there is no link attached. <a href="#">Example</a>

       <div class="card-links">
            <a href="">GitHub</a>
            <a href="">Frontend Mentor</a>
            <a href="">LinkedIn</a>
            <a href="">Twitter</a>
            <a href="">Instagram</a>
         </div>
    

    For future project, You could downloading and host your own fonts using @font-face improves website performance by reducing external requests, provides more control over font usage, ensures consistency across browsers, enhances offline availability, and avoids potential issues if third-party font services become unavailable.

    I hope you found this advice helpful! Keep up the great work, and don’t forget to dive deeper into the details. You’re doing amazing, and I can’t wait to see what you create next. Happy coding! 🚀

    Marked as helpful
  • Rakesh Das•90
    @Rakesh4688
    Submitted 11 months ago

    BLOG PREVIEW CARD

    1
    arpan62825•60
    @arpan62825
    Posted 11 months ago

    Nicely done, just add the font and add the hover effect, and you would be good to go.

    Oh and also try adding media-query for mobile phones

  • ChristianM-star•120
    @ChristianM-star
    Submitted 12 months ago

    Html and css

    1
    arpan62825•60
    @arpan62825
    Posted 11 months ago

    you can use opacity rule to change the opacity of box-shadow.

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