Skip to content
OverviewSolutions
13
Comments
13

Joshua Olanrewaju Ikulayo

@SaviourjrNigeria220 points

Currently learning Reactjs, and then dive into Backend WebDEV. if you've got any offer for me i'm open to work for free so as to gain more experience and practice effectively

I’m currently learning...

JavaScript, Typescript and ReactJs

Latest solutions

View more solutions

Latest comments

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

    Modularizing the UI small components made the rest of the part very smooth. Also, use of css grid, media query and styling SVGs was some of my weak areas so I am glad I could practice with this.

    The readme template was awesome, if provided like this I would defiantly put read me for all my projects.

    I have worked more on web-apps then mobile-apps so mobile-first UI doesn't come naturally to me.

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

    I couldn't place the background SVGs dynamically as each one needed different positions so checked some submitted gits and took reference of their styling.

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

    CSS - I think for this small app I have so much classes if I can get some refacotring advice on them then it would be nice.

    Mobile-First: Is it really needed? Why? What are the drawbacks if I don't follow it really.

    CSS Grid, Flexbox, React

    #react#webpack
    2
    Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Nice work man it looks perfect!!

    Try setting the main container div Min-height to a 100vh, justifying-content at center, Align at center, if it's not perfectly at center you can use padding top

    if this was helpful. Mark it as helpful. i will come around and any questions feel free. Happy Coding Man

    Marked as helpful
  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Hi 👋 Hugo , Impressive work!

    all I wanna say is that you forgot the color of the span with the class ‘teste’

  • Brian Hammer•180
    @BrianHammer
    What are you most proud of, and what would you do differently next time?

    I am most proud of the radio cards, and how I was able to make the styling work with only tailwind. Next time I would use a framework like React so I do not need to copy and paste the files over and over again. I excluded the JavaScript validation because my focus is on tailwind styling for now.

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

    One main challenge was getting the radio cards to work. I solved this by wrapping the whole thing in an HTML element, and adding padding.

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

    Any feedback is appreciated.

    Form using Tailwind

    #tailwind-css
    1
    Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Hi 👋 Brian .. Nice job bro 👍 it looks perfect! You can try use padding top to align it at the center or your min -height set to 100vh. And again the attribute class you can delete it if you don’t want to position at the footer

    I hope this helps bro..Happy coding Man!

    Marked as helpful
  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Hi 👋 hope you having a nice day?

    Your image is an svg file so it shouldn’t be added in an <img> tag.

    You can use the <svg> tag also The img-avatar as well. That’s not the right directory Try using ./assets/image/image-avatar

    I hope this helps Happy Coding

  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Nice bro Try using min height 100vh and flex align at center

    I hope this helps Happy coding Man

    Marked as helpful
  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr

    Hi 👋 stevens

    I’m Joshua . What I see is that you used just one div.. they are more than a div cos you gotta get the background in check!that’s the parent div The children div aswell You can try using <main> <nav> from the start! You don’t have the parent div so your background isn’t set.. the text as well are kinda invincible..the color too light 💡 if you can cross checks from the style guide to see the colors or inspect the challenge to see the color used!!

    The spacing between the Nutritional values and the contents are way closer try using flex and justify content space between align at center

    I hope this helps Happy Coding Man 🎖️

    Marked as helpful
View more comments