Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

P

@coding-vasu

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P

@eburza

Posted

looks nice

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

Marked as helpful

0

P

@coding-vasu

Posted

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
P

@eburza

Posted

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

@coding-vasu

Posted

@eburza Thank you for your valuable feedback!

  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
Discord logo

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