Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • RyotoXβ€’ 30

    @RyotoX

    Submitted

    What are you most proud of, and what would you do differently next time?

    Maybe i couldve done differently if i know the proper semantics

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

    I had a hard time following the guide sizes and colors, so i just use color picker and use those instead and used my own size where i think its more closer to the provided images

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

    I do not know how to properly move the bullets and numbers to the left side and also the last part of the nutrition, i cant follow the image, so i just set them by margins and it still broke and isnt fully aligned

    Recipe Page

    1

    Justinβ€’ 300

    @iamprincetj

    Posted

    Congrats on finishing the challenge. For the bullets, try giving the li padding-left. For responsiveness, try giving the main a width 90% with margin 0 auto for the mobile screen, then give it a max-width of maybe 600px so it also looks good in desktop screen. For the last section where you used footer, use div and use footer for that class="attribution " that was initially there.

    For your div class="nutrition" try giving it's children DIVs display flex(which you did) plus justify content so it aligns as the design is. Ask questions on google or even GPT to help out with what you could do.

    Good Luck!

    Marked as helpful

    0
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing this challenge. Looking at the design and your work, I noticed your user profile's width is larger try reducing the size, the username should be have a font size larger than the location. also do something about the background colors, I don't think they match that of the design. Goodluck!

    0
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing this challenge, you did great but for responsiveness, I don't think the advice container should have fixed width. I tried different screen sizes, it's the same size. Try using maybe width 90% with margin 0 auto for mobile screen, then a max width so it looks good in desktop view too. Good luck!

    Marked as helpful

    0
  • Matthew Sheldonβ€’ 10

    @MatthewNgabirano

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am proud of myself for the improvement I am reaching getting just javascript is still giving me a hard time but I am trying as much as possible not to give up on it.

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

    The same thing is making the form interactive with some CSS and javascript interventions but I was able to overcome the challenge by looking out for solutions on how to fix the challenges I am facing with. That is how I fixed it.

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

    I want help with JavaScript and a little bit of CSS on how to make projects more interactive. Any Feedback is welcomed

    CSS HTML AND JS

    1

    Justinβ€’ 300

    @iamprincetj

    Posted

    Hey congrats on finishing the challenge, but i think you submitted the wrong solution for this particular challenge. Well for the contact form you did, good job, but try making your solution look so close to the design, you will enjoy doing that. Ask questions on something you can't fully get on google or GPT. Good luck!

    0
  • Antonio Riccelliβ€’ 80

    @Antonio-Riccelli

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm proud that I managed to put something together that, at the very least, resembles what was provided.

    I'm not sure about doing one specific thing differently, but this is making me realise that I probably need to go through a CSS course where I can review the core concepts from scratch, particularly regarding typography etc.

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

    I was very confused by how to implement the Figma design and what exactly the challenge was asking of me. There seemed to be specific PX sizes provided, but it also mentioned about having the font-size decrease in size based on screen size. I wasn't quite sure how to best approach this, but I put something together that seems to work.

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

    I would like to understand better what the design was asking of me and how to implement that better in my code, particularly regarding typography.

    Blow Preview Card - HTML, CSS

    1

    Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on your solution, nice work, everything looks great from my perspective. But I think the footer should be centered and try using rem for font sizes, 1 rem is equal to the default font size in the body, which is 16px, so with calculations you can get your desired font size. Overall, you did great, well done.

    0
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing this challenge but it doesn't actually look good in desktop view, try wrapping it all in a container then give it a width and max-width with margin: 0 auto. Also all your style should be external for CSS best practices, use inline styling only for specificity purpose or not. I think every repository needs a README.md.

    Marked as helpful

    0
  • thaArcadeGuyβ€’ 90

    @thaArcadeGuy

    Submitted

    What are you most proud of, and what would you do differently next time?

    I am proud of my growth with every challenge that I take on.

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

    I did struggle with making the site responsive but through watching tutorials and researching I was able to get to the solution.

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

    Any feed back on standard HTML and CSS best practices.

    Product preview card using CSS Grid

    1

    Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing this challenge, great work on your solution. Everything is well structured and looks good. Nice one!

    0
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing this challenge, you did a great job. But if you look closely on the design you would notice the 'li' and their markers are far from each other, try giving the li padding-left. I recommend all your styles being in external files, inline style are needed for specificity. But overall you did great, Nice job

    Marked as helpful

    0
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Congratulations on finishing the challenge, nice work. But I think the script at the end isn't actually needed. If this were a page on a big project you are working on, I feel like having unnecessary script will make the page load a little bit slower.

    Marked as helpful

    1
  • Quang Thoai Vuβ€’ 50

    @vuthoai02

    Submitted

    What are you most proud of, and what would you do differently next time?

    I feel that I've achieved another small goal in improving my interface-building skills. In the near future, I will continue to refine other solutions.

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

    I find this interface quite similar to the one I built before. I've learned from and applied some of the advice I received for building that previous interface. However, I named the components of this card based on the elements I used from libraries, and I'm not sure if the names I chose are appropriate. The proportions between the image and the text were also estimated rather than measured precisely. I hope to receive feedback and suggestions from everyone to help me improve further.

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

    I hope to receive feedback and suggestions from everyone to help me improve further.

    blog-preview-card-main

    2

    Justinβ€’ 300

    @iamprincetj

    Posted

    Hi, congratulations on finishing this challenge, I would like to give you review on your solution. Well according to what the design shows, I think your whole body needs to have that background color. Also try using footer instead of the default div they gave us for the 'footer' content. Lastly for the 'HTML & CSS Foundation' use an h1 and make it, so on hover it should change to that color and set the "cursor: pointer;" style. Good Luck!

    Marked as helpful

    1
  • Justinβ€’ 300

    @iamprincetj

    Posted

    Nice work, especially for the responsiveness. The code is readable and well structured, good work.

    0