Skip to content
OverviewSolutions
9
Comments
4

TobbyFranc

@TobbyFranc140 points

The game of margin, border, and padding got me intrigued. Now I am here!

Latest solutions

View more solutions

Latest comments

  • Esther Inyang•20
    @Esther-Inyang
    What are you most proud of, and what would you do differently next time?

    I am proud of being able to add the curved sections and style them to blend with the sections' background.

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

    I encountered a bit of a challenge adding the curved images as backgrounds to the sections. I figured that adding them as svg images allows the background color to be changed to white, making the curved edges visible.

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

    I used the design images, not the figma file, since I am on a free plan. There might be inconsistencies with the font sizes, margins, and paddings.

    Responsive Huddle Landing Page using React Vite and Tailwind.

    #react#vite#tailwind-css
    1
    TobbyFranc•140
    @TobbyFranc

    Amazing work!

    Few points:

    • The text 'Message sent' under the '2.7m+' is not properly aligned in desktop vs mobile. On mobile, the text should break.(little detail)
    • Really nice work and extra effort with the form in the footer. Few notes. The error message should be given a fixed room (perhaps in an absolute position under the marginated input tag... or toggle between 0 and 100 visibility) so it won't affect other content on display. Also, the sub,it button is about 50% of the width of the input on mobile view.

    Thanks.

    PS: I will appreciate an objective review on my own solution of similar challenge. T for Tnx

  • TobbyFranc•140
    @TobbyFranc

    Also, how can i make git pages display the react website and not some texts??

  • TobbyFranc•140
    @TobbyFranc

    Amazing replica you have there. Just submitted mine too. How were you able to effect the image change on click?

    Take:

    1. Try placing everything in a center and prolly reduce margin to ensure they all fit in a single page. The scroll makes it a distraction on desktop view.
    2. You can also place a cap on the total number of item that can be added (realistically market have limited stock of same goods)
    3. The add to cart seem to be replicating the cart items display. You can prolly restrict with a condition? dunno

    I personally like your replica...screams attention was well paid to details

    Don't forget my question above, pleeeease!

  • TobbyFranc•140
    @TobbyFranc

    Nice end product boss.

    I think adding transitions on hover would be nice, yeah?