Skip to content
OverviewSolutions
4
Comments
4

Ruanfab

@VRuanFab40 points

Javascript | Node Js | React js | Python

Latest solutions

Latest comments

  • P
    Moustafa essam•520
    @moustafaessamSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to make the image responsive in both desktop and mobile by following the design.

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

    How to position the image in the mobile was a bit challenging.

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

    None for this challenge

    Recipe webpage using react

    #react
    1
    Ruanfab•40
    @VRuanFabPosted 3 months ago

    Very Nice!

    1
  • P
    Moustafa essam•520
    @moustafaessamSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I tried to make the webpage responsive

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

    No challenges it wasy pretty easy

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

    make projects using react

    Social Profile Links

    #react
    1
    Ruanfab•40
    @VRuanFabPosted 3 months ago

    perfect

    0
  • Alice OSullivan•60
    @aosull97Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Most proud of: The finished look of the product and how quickly I was able to complete it. It was a definite improvement on the last challenge.

    What I'd do differently: Take extra time to go over the design brief once I thought I'd finished. I almost didn't do this and would have missed off some styling.

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

    At first, I found it difficult to centre the component in the middle of the page. After messing around with different styling, I eventually looked online to see if anybody had a simple solution and I was able to find one that was much easier than mine.

    What specific areas of your project would you like help with?
    • Could I have got my code any cleaner/easier to read?
    • Is there anything I've missed with the design?

    Blog preview card using HTML5 and Tailwind CSS

    #tailwind-css
    1
    Ruanfab•40
    @VRuanFabPosted 3 months ago

    Amazing job, i just think the difference is in the "learning" text missing bold

    0
  • ayPromise•60
    @ayPromiseSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    First, I didn't know I should "import" the image from the public folder to use it further.

    Secondly, it is more pleasurable to configure the design system directly in the tailwind.config by extending the styles for fonts and spacing.

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

    In general, there wasn't any hard-to-solve trouble just my misunderstanding of syntax.

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

    I was putting static numbers to style the card and its content and I don't know is that the correct way. To be honest, I understand some of the elements don't need to be responsive at all, but I always wanted to put flex style and center everything with gaping, but in such a situation, I would lose the proper view of a component." check for syntax or structure mistakes

    QR-code card using Tailwind and NextJS 15

    #react#tailwind-css
    1
    Ruanfab•40
    @VRuanFabPosted 4 months ago

    that's awesome

    0