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

  • P

    @slangley

    Submitted

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

    I like how this one came together. I'm not overly keen with the duplication when using Tailwind, so next time I would likely use variables (either Javascript), or some theming. However I'm trying to use a single repo for all of these, so themes might be a bit harder.

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

    Responsive layout using Tailwind. I finally understood how it works. The default lower bounds is the smallest, and you specify the boundaries where the layout changes.

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

    At this point nothing.

    @stefanelli990

    Posted

    I noticed you're using Next.js, which is a powerful tool, but for this type of project, you could achieve the same results using plain React without the need for Next.js. Since there isn't a specific need for server-side rendering or dynamic routing here, sticking to React might simplify the setup and reduce unnecessary complexity.

    0
  • P

    @slangley

    Submitted

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

    I like how this came together. I've been learning NextJS + React + CSS + Tailwind all at the same time (BE + Mobile Dev), so the way of thinking in CSS/Tailwind is a little different.

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

    The main challenge I had was that in the design, the SVG as displayed was not the same as the asset provided. I never did figure out how to "crop" the SVG in HTML/CSS.

    Also, the Tailwind Box Shadow API wasn't straightforward.

    @stefanelli990

    Posted

    I have a couple of suggestions: adding a little gap outside the card, especially on mobiles, and setting the maximum width to 384px, as specified in the design.

    0
  • @stefanelli990

    Posted

    Consider centering the component within the page. It could help create a more balanced look and improve the overall presentation.

    0
  • @stefanelli990

    Posted

    One small suggestion I have is to consider adding a bit more spacing between the component and the footer.

    1