Skip to content
OverviewSolutions
13
Comments
13
Joshua Olanrewaju Ikulayo
@Saviourjr

All comments

  • malhar016•20
    @malhar016Submitted 6 months ago
    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

    2
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    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
    2
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Hi 👋 Hugo , Impressive work!

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

    0
  • Brian Hammer•180
    @BrianHammerSubmitted 6 months ago
    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

    1
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    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
    1
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    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

    0
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

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

    I hope this helps Happy coding Man

    Marked as helpful
    1
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    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
    0
  • Aneta Kaczmarek•90
    @NullishKoalaSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am mostly happy with being able to do some refactoring in css to make it shorter and more consistent.

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

    I don't know how to incorporate static fonts provided in the folder. But again, I just used the links from google fonts instead of looking for the solution to the static ones ;)

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

    Any advice is very welcome ;)

    Recipe page

    2
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Better of 🎖️❤️🙇

    0
  • A T Shakib•60
    @atshakibSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    a

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

    a

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

    a

    Recipe page ats

    1
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Nice job bro...Happy Coding!!!!!

    1
  • Aneta Kaczmarek•90
    @NullishKoalaSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am mostly proud of how much styling I can do without googling and that the time I have estimated to finish this challenge matches the actual time I've spend on it.

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

    I haven't encountered any bigger challenges. Estimating spaces between elements without a figma design takes a bit more time.

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

    Any advice is very welcome ;)

    Social links profile main page

    2
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Impressive!!!! I just did mine also. please do check it out if i'm worth your follow back.

    Thank You

    0
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Nice!!!!! Brooooo!!

    can i get a Follow back?

    0
  • Aneta Kaczmarek•90
    @NullishKoalaSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am mostly proud of how much styling I can do without googling and that the time I have estimated to finish this challenge matches the actual time I've spend on it.

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

    I haven't encountered any bigger challenges. Estimating spaces between elements without a figma design takes a bit more time.

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

    Any advice is very welcome ;)

    Social links profile main page

    2
    Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    Impressively Nice!!. I just did mine also. Check and see if i'm worth following back. Thank you

    0
  • Joshua Olanrewaju Ikulayo•220
    @SaviourjrPosted 6 months ago

    niceeee

    0