All solutions

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

Two quite distinct visual styles of share component made me little hesitant about code structure. For each visual style I produced one component and conditionally rendered them. The code isn't well encapsulated and I don't feel particularly good about it.

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

I'd like to improve upon my solution to share popover. There seems a little junk in loading icons, when initially clicking share button. I'd like to learn how to mitigate this and improve code structure of share popover.

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

I'm proud how the hero section layout came out.

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

I had some trouble with bg images and their sizing especially inside flexbox. In the end i went with sizing relative to parent and viewport. Another thing which caught me off-guard was bg overlay in footer. I did it with absolute positioning but it took me a while.

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

Accessibility / responsiveness mainly but anything will do.

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

Happy about setting explicit positions for grid elements via col and row lines. Next time i'll try use grid areas.

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

It went quite smooth only stacking order of quotation mark made stuck for a second.

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

figuring Accessibility / Responsiveness mainly but anything will do

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

I'm proud of finishing some grid theory before starting challenge.

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

Applying different bg color on card stripes was little awkward on dynamically created elements, but I've managed with use of array of predefined tw classes. Also realizing that i can center grid elements easier with odd: tw modifier was cool.

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

Anything really. Something is inaccessible? Weird or clunky? Let me know. Thx 🙏

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

finally understood object-fit and object-position css properties

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

I finished!!

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

Mostly dealing with built-in form handling and validation.

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

Assess the accessibility, especially for radio group component.

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

I tried more structured way of defining components this time. It's not perfect but think much better than it used to.

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

Code structure.

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

I've tried code generation plugin from figma, it made me slightly faster but I had to correct a lots of classes to repair responsiveness and remove clutter.

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

Typesetting children in SocialLink component was a bit trouble and I had to look it up. Still not sure if it couldn't be typed better.

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

CSS review, maybe the types in SocialLink component

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

I've tried figma's dev extension and extended tailwindcss theme, was fun.

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

I got stuck on vite static imports. The browser wasn't complaining but asset wasn't showing anyway. I realized thanks to community that I have used relative url to App.tsx not to project itself hence it was resolved.

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

I'm learning tailwindcss, is my use of tailwindcss classes good in BlogPreviewCard.tsx?

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

I had stalled on making tailwindcss work initially. It has been some time since I created new project.

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

I have been struggling a little to find definition for text styles in figma but otherwise it was pleasant journey.

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

Code organization and learning how others approach simple components without using big libraries like React.