Skip to content
OverviewSolutions
13
Comments
6
João Vitor Morita
@joaomorita

All comments

  • P
    Tom•150
    @BomberQLF
    What are you most proud of, and what would you do differently next time?

    I'm not really proud of anything because the result isn't very good.

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

    I had trouble with the last part of the challenge where I had to create a table I suppose, but I didn't manage to make it work. I also had trouble aligning my ordered list items text because of the margin I have set on the element.

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

    How to space and dots and numbers and how could I finish the last part of the exercice correctly ? ^^

    Recipe Page

    1
    João Vitor Morita•210
    @joaomorita

    Hey, great work! I think you're missing some semantic html, in the last part you should use the table tag. About the spacing you can use paddings to make that happen. This link it's about semantics: https://www.w3schools.com/html/html5_semantic_elements.asp

    And this one is about responsive units: https://www.w3schools.com/css/css_units.asp

    It's good take a look at flexbox concept, o love this mini game to practice: https://codingfantasy.com/games/flexboxadventure

    You can also go to the frontendmentor discord server, there people can help you out too.

    I hope this can help you. Happy coding 🙏🏻

    Marked as helpful
  • João Vitor Morita•210
    @joaomorita

    Hey! Nice work, the only thing I can say it's about the mobile layout, you can use media queries to adapt your layout to different screens. I'll use the article bellow when I have doubts about how to use it.

    https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    I hope this can help you in any way. Happy coding!

    Marked as helpful
  • P
    Nate Valline•420
    @nvalline
    What are you most proud of, and what would you do differently next time?

    I was able to complete this challenge relatively quickly and with minimal help from Google.

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

    The biggest challenge I faced was verifying the form data without the help of a library. This is not something I have done frequently and needed to spend a little time refreshing my memory.

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

    I would appreciate any suggestions/tips for improving the quality of my code. Thanks!

    Newsletter w/ Vanilla CSS & JS

    3
    João Vitor Morita•210
    @joaomorita

    Hey, your project looks great! Looking to the details, the only thing I could say is that you could get the email from the user and put at the thanks page.

    Happy coding!

  • Akash kumar•90
    @Segiterio
    What are you most proud of, and what would you do differently next time?

    So I most proud that I started learing and completeing challenges from frontend mentor .

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

    Fix an image into the card and any other place and make that image responsive as well is very difficult for me and I could understand how to do this till now .

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

    responsiveness and interaction with user.

    Responsive card using flex box and image inline height and width

    1
    João Vitor Morita•210
    @joaomorita

    Hey! I coundn't open your code on github, so I can't give you any sugestion about responsive coding, but when I tested your solution, it was great, either mobile and desktop. Congrats!

    Happy coding!

  • KingX•150
    @iwedibah
    What are you most proud of, and what would you do differently next time?

    I am most proud of the fact that i could attempt this challenge

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

    Media query

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

    media query and proper arrangements of codes

    Blog Preview Card

    2
    João Vitor Morita•210
    @joaomorita

    Hey! Great work there! You could use more semantics HTML. You didn't need a container div if you already have a main, you could put the main css at the body tag, and the container css at the main tag. You can use more responsive units to your image and paragraphs too. It's very helpfull look how other people did the same challenge and look for ways to improve. Check out this article about semantc elements: https://www.w3schools.com/html/html5_semantic_elements.asp

    I hope I can help you in some way

  • javalzu•420
    @jaalzu
    What are you most proud of, and what would you do differently next time?

    i make really quick and similar to the original.

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

    the same problem, the font sizes and padding but nothing major.

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

    with font sizes. When i make responsive they keep big.

    flexbox and mediaqueries

    1
    João Vitor Morita•210
    @joaomorita

    Hey, your project looks great! Congratulations 🎊. About the font size, you can use "em" and "rem" instead of "px". About padding, you need to check if it will cross the limits of other boxes, normally its some conflict when you can't see any changes.

    Marked as helpful