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

All comments

  • LeeWhoCodes• 20

    @LeeWhoCodes

    Submitted

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

    I am most proud of the fact that I got it looking good on a desktop and also on a mobile. It is not perfect and could definitely do with some refinement but I am proud of it. Next time I would like to find a better way to size and position my elements so that it is less manual to change the sizes of elements.

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

    I struggled with the component being completely wrong on a mobile device. To overcome this I used media queries and changed the values so that it looked good on mobile. I also struggled with having to do a lot of sizing and position manually. I didn't really overcome this very well but I am hoping to find a better way to do it in the future.

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

    I would love help with figuring out a better way to do spacing, positioning and sizing. I belive this would also help with my other problem of my component being unreadable on different devices.

    QR Code Component

    3

    auniraden• 10

    @auniraden

    Posted

    Great job on your HTML and CSS! The layout is clean and responsive, which is fantastic. To enhance accessibility, consider using more semantic HTML elements like <header> and <main> for better context, and don’t forget to check color contrasts for readability. Using viewport units is a smart choice, but test how everything looks on different screen sizes to ensure a seamless experience. It’s awesome that you’re already using CSS variables and media queries; these are great tools for managing spacing, positioning, and sizing! Utilizing flexbox or CSS Grid can also help create more dynamic layouts that adapt well across devices. For spacing, CSS variables can help maintain consistent margins and padding, making it easier to manage styles throughout your project. Keep experimenting with these techniques, and you’ll find the best approach for enhancing the usability of your components. Overall, you’re on the right track—just keep an eye on aligning the layout with the original design and make those small tweaks for an even better result. Keep up the awesome work!

    0