Skip to content
Submitted 3 months ago

Firefox Devtools, Vs Code Live Preview, Figma, Free Mockup plugin

Vasu Vallabh•190
@coding-vasu
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I would use a vite from next time for the live server, also create css variables in beginning to save time

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

It took me some time to get the padding & margins correct. I see we can use options key on figma to check it

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

I need help with grid system

Community feedback

  • Emilia Burza•780
    @eburzaPosted 3 months ago

    looks nice

    link to repository is not working, so I can't check the code

    Marked as helpful
    0
    Vasu Vallabh•190
    @coding-vasuPosted 3 months ago

    Hi @eburza,

    Thank you. I have make my repository public now you see my code base on github. Please let me know if you face any issue.

    Thank you 😀

    0
    Emilia Burza•780
    @eburzaPosted 3 months ago

    @coding-vasu Everything looks nice :)

    There are a few changes I would make :)

    • I would clean up Redame.md, as you added it to your GitHub portfolio, potential employer would see it all

    • i dont know if its common (I'm still learning like you, and would like to know, if you could reply to these) using in one project inline (img component) and external css

    • I would delete files that are not used in your projects, I would see them as a distraction from your work

    I wouldn't think about it, and I'll steal it from you :)

    • using :root in CSS
    Marked as helpful
    0
    Vasu Vallabh•190
    @coding-vasuPosted 3 months ago

    Response to Feedback

    Acknowledgment

    @eburza Thank you for your valuable feedback!

    Actions Taken

    1. README.md

      • I have updated the README.md file for my Blog Preview Solution.
      • Your contribution has been acknowledged in the README.
      • I kindly request you to review it and provide additional feedback.

    2. CSS Implementation

      • I prefer using external CSS for the following reasons:
        • Easier to track styles in a dedicated CSS file
        • Improves readability of both HTML and CSS
        • Simplifies maintenance of multiple styles

    3. Repository Management

      • I will ensure to keep only relevant and useful files in the repository.
      • I'll update you once changes are implemented.
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord