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

Sandip Tamang

@YetiTheSleepingChancellor40 points

Aspiring full stack developer

I’m currently learning...

Javascirpt and react

Latest solutions

  • Responsive Recipe page


    Sandip Tamang•40
    Submitted 10 days ago

    I’d appreciate help figuring out why the font isn’t loading properly, despite linking it correctly. I’ve double-checked the import and usage, but it still doesn't seem to apply. I'd also love feedback on any design details I might have missed or misaligned, especially things that could make the layout more pixel-perfect.


    1 comment
  • Responsive Social Link Profile


    Sandip Tamang•40
    Submitted 12 days ago

    Since I didn’t have a Figma design for this project, I had to estimate dimensions like card width, height, padding, and spacing on my own. Because of that, I know some parts of the layout might not be perfectly consistent or balanced. I’d really appreciate feedback on the visual spacing and overall layout to help me improve the design aspect.


    0 comments
  • Blog Summary Card – Semantic HTML + Local Fonts


    Sandip Tamang•40
    Submitted 17 days ago

    I think I’ve done a good job overall, but I’d appreciate a second pair of eyes to review it. There might be small mistakes or areas for improvement that I missed.


    0 comments
  • Pixel-Perfect QR Code Component with Clean Flexbox Layout


    Sandip Tamang•40
    Submitted about 1 month ago

    Since this project was pretty straightforward, I’m mainly looking for feedback on subtle design details—like whether my spacing, typography, and color choices match the original challenge as closely as possible. Also, any tips on writing clearer, more professional README documentation would be super helpful.

    If you spot any ways I could improve my CSS structure or overall workflow, I’m all ears!


    1 comment

Latest comments

  • Leonardo Vandes•80
    @ChessUP
    Submitted 1 day ago
    What are you most proud of, and what would you do differently next time?

    In this simple project I was able to learn a lot more, I learned how to change the list indicators, something I had no idea was possible.

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

    The main challenges were how to change the marker indicators and how to put a straight line on the page, especially within Nutrition, even though it seems simple, it was something that took me a while to figure out.

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

    I believe that it is possible to make the site more responsive with much less code, something that makes it more flexible according to the size of the page.

    CSS Grid

    3
    Sandip Tamang•40
    @YetiTheSleepingChancellor
    Posted 1 day ago

    Hey! @ChessUP Just wanted to say thanks — your CSS really helped me discover something I had been missing. I hadn’t used ::before with custom list styles before, especially for ordered lists using counter-increment and content, but your code showed me how to align numbers visually using position: absolute, and that helped me finally understand how to do it in my own layout. Much appreciated for that inspiration!

    While going through your code, I also noticed a few areas you might consider refining for the best result:

    Image Sizing: The image doesn’t use max-width: 100%, so it overflows on smaller screens. Adding that will make it responsive and stay within the card.

    Font Weights: Some headings and body text have inconsistent or default font weights. You might want to review them — it looks like some are too bold or too light compared to the original design.

    Text Color: You're likely using default black text in some places, but the style guide uses specific shades of grey. Using the provided color tokens will help the visual consistency. Worth double-checking that in the style guide.

    Footer Placement: The “Challenge by Frontend Mentor / Coded by” section is currently inside the main card, which throws off the design balance. You might consider moving it outside the card so it doesn’t interfere with the clean box layout.

    Again, appreciate how your approach helped me level up. Thought I’d share what I saw too in case it helps you refine yours further. Keep building strong!

  • abrahmgerund•80
    @abrahmgerund
    Submitted 12 days ago

    Social links profile solution

    1
    Sandip Tamang•40
    @YetiTheSleepingChancellor
    Posted 12 days ago

    Hey abrahmgerund!

    You nailed the visual design—seriously, great job on that! That said, I think your code could level up with a few tweaks:

    Your h2 could use a font-weight to match the design's boldness.

    The container should span 100vh to center everything vertically, just like in the design.

    Add some padding to the container—on smaller screens, the card touches the edges, which hurts the mobile UX.

    Using semantic HTML would make the structure more meaningful: try replacing div with section, article for the card, and footer for the bottom part.

    The hover color for the links should be green to align with the original design.

    The card has a 10px border-radius, so using 5px on the inner buttons would make the curves feel more unified and smoother.

  • Teiko•100
    @Teiko21
    Submitted about 1 month ago

    blog-preview-card

    1
    Sandip Tamang•40
    @YetiTheSleepingChancellor
    Posted 16 days ago

    Your design is good and using figma to make the design as it is than guessing the things. i myself was guessing before hand but i learned and made this in few hour

  • Mennarefat•20
    @Mennarefat
    Submitted about 1 month ago

    qr-code

    1
    Sandip Tamang•40
    @YetiTheSleepingChancellor
    Posted 24 days ago

    add a img folder and qr image inside for it to view.

  • koske•30
    @koske598
    Submitted about 1 month ago

    I used border, a kind of css.

    2
    Sandip Tamang•40
    @YetiTheSleepingChancellor
    Posted about 1 month ago

    Adding a .container selector and then using flex will help to center the card also image needs border-radius as well.

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