Skip to content
OverviewSolutions
10
Comments
8

Robbie Tambunting

@rtambunt150 points

Frontend Developer

Latest solutions

View more solutions

Latest comments

  • Robbie Tambunting•150
    @rtambunt

    Looks good. You provide a minimal, elegant solution that gets the job done

  • P
    Tomas Moucha•100
    @Tomas-1979
    What are you most proud of, and what would you do differently next time?

    The first use of tailwindcss is very interesting. I like writing directly into the .html code.

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

    For a larger project, tailwindcss seems very confusing. Is this solution really correct? Or is it somehow combined with .css or what?

    Testimonials grid section with Tailwindcss and plugin grid-areas

    #tailwind-css
    1
    Robbie Tambunting•150
    @rtambunt

    Very impressed with the sizing of your component cards! It's practically pixel perfect

    How did you like Tailwind? It's one of my favorite tools. You're use of it is fine and gets the job done great

    I've found Tailwind shines the most when building out webpages with React. React projects often require separating code out into components. Say you have hundreds of components in a project. You can easily manage styles within each individual component without having to create a css file for each.

    I highly recommend checking out https://www.tailwind-kit.com/components and https://tailwindui.com/. These pre-made components can speed up your workflow or give you inspiration for your own projects

  • P
    Moustafa essam•550
    @moustafaessam
    What are you most proud of, and what would you do differently next time?

    I am very proud that I could make the website as much responsive as I can using tools like max and min when sitting the width and the height.

    I am going to use max and min in next projects to make app more responsive.

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

    Making the cards responsive using only flexbox without using grid. I solved this problem by using tools like flex-shrink , min-height , etc.

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

    Does my app use the right approach to make the website responsive?

    Responsive Four Cards Using React

    #react
    1
    Robbie Tambunting•150
    @rtambunt

    While not pixel perfect with the design, the solution looks great.

    Nice approach using flex box. It's different from the typical grid solution I would have thought of

  • Robbie Tambunting•150
    @rtambunt

    Some padding and text sizes are off.Looks good otherwise! I couldn't check the mobile solution since the site no longer exists, but keep it up

  • Thomas Weitzel•170
    @thomasweitzel
    What are you most proud of, and what would you do differently next time?

    I found a solution for the image on top for mobile-mode and desktop mode. Since I didn't want to compromise on the padding inside the `` elements. Only one of them is visible, depending on the mode.

    What challenges did you encounter, and how did you overcome them?
    • image on top for different breakpoints
    • lines between rows in nutrition table
    • pleasing bullet point location (I diverged from the design because it hiders readability - in my opinion)
    What specific areas of your project would you like help with?

    Especially the problem with the image on top of the recipe page was a challenge for me. I don't know if my solution is good. I'd like to hear about a better one.

    Recipe Page with React, Tailwind CSS, and Rsbuild

    #tailwind-css#react
    1
    Robbie Tambunting•150
    @rtambunt

    The solution is very close to the design, looks great

  • Robbie Tambunting•150
    @rtambunt

    Your solution is very close to the design. As a Tailwind user, I like your use of the technology. Keep it up

View more comments