Skip to content
OverviewSolutions
4
Comments
4

Manas Anand Singh

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

Latest comments

  • FahmidaToma•70
    @FahmidToma
    What are you most proud of, and what would you do differently next time?

    I figuered out the common styles to apply same classes and tried to use proper html tag for seo purpose

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

    I faced difficulties while apply border to the table row but then i took the help of chatgpt and came to know about default gaps between tds

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

    why i can't apply border just to the whole td ,why i have to apply it like table td tr .

    Responsive recipe page using media query and flex property

    1
    Manas Anand Singh•40
    @MSAndromeda

    From what i can see a good Solution could have made it similar but your version of color combination is slightly better. I hope to see your next works and solutions of them i do learn alot of things while going through solutions of people like you. Good solution Keep it up.

  • Lê Mạnh Đan•370
    @DanKRT-Star
    What are you most proud of, and what would you do differently next time?

    I am most proud of successfully implementing a clean, responsive layout using only semantic HTML and modern CSS features like Flexbox and custom properties. I also managed to use a local font with @font-face, which was a new experience for me. The interactive button states and overall accessibility improvements made the project feel polished and user-friendly.

    If I were to do this project again, I would focus more on accessibility from the start, such as adding ARIA labels and improving keyboard navigation. I would also consider using CSS variables more extensively for easier theming and try to add more advanced animations or transitions for a smoother user experience. Additionally, I would set up a more automated workflow for deploying the live site and managing assets.

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

    nothing at all

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

    nothing but I always need advise to upgrade the quality of my project

    Social links profile using flexbox

    1
    Manas Anand Singh•40
    @MSAndromeda

    Feedback

    The solution is visually impressive and well-executed. However, there are a few areas where it could be improved for better semantic structure and maintainability:

    • Semantic HTML: Avoid using generic <div> elements for meaningful content. Instead, consider using more descriptive semantic tags like <section>, <p>, <nav>, or <footer> where appropriate. For example, wrapping text content like the bio or link groups in semantic tags would improve accessibility and clarity.

    • Separation of concerns: Splitting the HTML and CSS into separate files is a good practice for readability, easier debugging, and better scalability — especially in larger projects. Inline styles or <style> blocks can quickly become hard to manage.

    Overall, great effort — just a few structural refinements would make this solution even stronger!

  • Manas Anand Singh•40
    @MSAndromeda

    Hey! Great effort on completing this challenge — your layout looks clean and visually accurate.

    One small suggestion to take your projects to the next level: consider exploring semantic HTML tags like <main>, <article>, or <section>. They help with accessibility and structure — plus they’re great for building good habits early on.

    Also, instead of using fixed units like px everywhere, try switching to relative units like rem. This makes your design more flexible and better for different screen sizes and user settings.

    You've done a solid job — keep building and improving, and you’ll level up super fast. Happy coding!

  • Manas Anand Singh•40
    @MSAndromeda

    Hi!

    Really impressive work on this solution — I loved the clean layout and how you've structured everything using CSS custom properties!

    A few highlights I really liked:

    • Great use of design tokens (like --text-preset-* and --spacing-*) — it shows you’re thinking modularly and maintaining consistency.
    • Your use of Flexbox is solid and the layout feels perfectly balanced across different screen sizes.
    • Nice touch with object-fit: contain on the QR image — works well for preserving proportions.
    • The font pairing and line-height choices make the text very readable.

    One small suggestion:

    • You could consider using logical properties (padding-inline, margin-block, etc.) for better RTL (right-to-left language) support. This isn’t a must, but something that helps with internationalization if you plan to build for wider audiences in the future!

    Overall, really clean and professional work — especially for someone who just joined! Keep building and sharing. Looking forward to seeing more from you!

    Cheers,
    Manas Anand Singh