@ahmad-nmSubmitted 3 months ago
ava-xmas
@ava-xmasAll comments
- @Lunarix09Submitted 3 months ago
- @Oladapo-cyberSubmitted 4 months agoWhat are you most proud of, and what would you do differently next time?
I had challenges working with and manipulating the images, but getting over that issue and gaining the knowledge on how to go about it in future projects is something I'm proud of.
What challenges did you encounter, and how did you overcome them?I had challenges with making the images responsive and also challenges with adding media queries to the design as I had first made the desktop design. But going on, I solved the errors one after the other, like using responsive units for the images instead of fixed unit's like pixels. And also making the image stand alone instead of creating a seperate div to hold just the image also helped greatly.
- @Kedar37Submitted 3 months ago
- @Kedar37Submitted 3 months ago
- @thurgarion2Submitted 3 months ago
- P@stevensunaSubmitted about 1 month agoWhat are you most proud of, and what would you do differently next time?
Working on this project helped me reinforce my understanding of Flexbox and CSS custom properties. I also practiced creating a responsive design that adapts to different screen sizes.
Here's a snippet of code that I'm proud of:
.qr-card { display: flex; padding: var(--spacing-200) var(--spacing-200) var(--spacing-500) var(--spacing-200); flex-direction: column; align-items: flex-start; gap: var(--spacing-300); border-radius: 20px; background: var(--color-white); box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.05); }
