Me gusto haber practicado css puro sin framewors
What challenges did you encounter, and how did you overcome them?aprender a usar figman
What specific areas of your project would you like help with?al momento de nombrar las clases y los commit
I guess the layout gaps feel a little different, and there is the left border missing from the card.
I structured the layout using Flexbox, which allowed for a responsive design that adapts well across different screen sizes. The clean and simple design effectively communicates the purpose of the QR code, making it user-friendly.
What challenges did you encounter, and how did you overcome them?One of the main challenges I faced was ensuring that the QR code image displayed correctly across various devices. Initially, I had issues with the image scaling and aligning properly within the container.
To overcome this, I used max-width and height properties in my CSS to ensure that the image remains responsive while maintaining its aspect ratio. Additionally, I made use of Flexbox to center the content vertically and horizontally within the container, which resolved the alignment issues.
What specific areas of your project would you like help with?I would appreciate feedback on the following areas:
Accessibility: Are there any specific improvements I can make to enhance the accessibility of my QR code component? What additional attributes or practices should I consider?
CSS Organization: Is my CSS organized in a way that promotes maintainability?
Responsive Design: How can I further improve the responsiveness of the design? Are there any best practices I should follow to ensure it looks good on all devices?
Only thing I could say is try to use the variables so you are able to scale a design system.
