Skip to content
OverviewSolutions
13
Comments
6
Alberto De Maria
@AlbertoDeMaria

All comments

  • Po Rith•320
    @jpoechillSubmitted over 2 years ago

    Simple on the surface, taking just a bit longer than I thought to complete. I found that the forms here were quite dynamic and required extra attention to get right.

    Also, the toggle between light/dark mode was a new functionality for me that I hadn't implemented before. Overall, I am glad to have gotten through this project, and grateful for the things I've learned!

    Notes in retrospect:

    • The only major concern, or element that I am still ~ iffy on is accessibility. While I did part to tackle features as best I could, I can imagine that I am still missing crucial parts. If such might the case, I hope to return and make edits where possible.

    Thank you again for viewing!

    Invoice App

    1
    Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    Wow for a junior developer like me that's amazing! The only thing I can suggest is that right now if I try to click on your profile pic. for some reason the the theme switch mode. Hope this could be usefull!

    Good life :)

    0
  • Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    I think this is perfect, maybe just fix the gap between the two prices but is 100% amazing.

    0
  • Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    I think this is perfect, just a little bit too big but it's okay. Very good work!

    0
  • Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    In the complex it isn't a bad exercise, just some tips:

    1. don't call sections: "section1", "section2", "section3" etc. use name that can help you know what there is inside of them like "text-container", "img-container" etc.
    2. <main> is wrong used, check this guide for the right use of HTML elements: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main?retiredLocale=it
    3. <div class="price">$149.99</div> don't use div without element inside, instead for example use <p> or other elements for example <div class="price"><p>$149.99</p></div>

    There are others problems to this layout in the css, check for example Kevin Powel's tutorial: https://www.youtube.com/watch?v=B2WL6KkqhLQ&pp=ygUuUmVzcG9uc2l2ZSBwYWdlIHVzaW5nIGp1c3QgQ1NTIGZyb250ZW5kIG1lbnRvcg%3D%3D

    Good luck :)

    Marked as helpful
    0
  • Andrew Witmer•20
    @awitmer1Submitted about 1 year ago

    Hello! The main question I have is about the responsiveness of the page - I tried to make it so that when sized down to ~375px as per the style guide it would match up. However in my coding experience so far I have not done responsive layouts, only for a main desktop browser. I do try not to use fixed sizes (Kevin Powell told me not to), but sizing down is still something I'm not super confident in doing yet!

    Also, I couldn't tell if there was a shadow or not so I just put one ¯_(ツ)_/¯

    QR Code Component - Display Flex

    1
    Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    Your project is good, and yeah Kevin Powell told you the truth hahahah. If you can just fix the card's position in the center of the screen, if the front-end mentor text gives you problems delete it.

    P.S. Yeah there is a shadow (the first time I didn't see it too lol)

    0
  • damarusyoane•10
    @damarusyoaneSubmitted about 1 year ago

    I loved the project but it was kinda difficult as i"m a newbie but i did my best I have found it difficult to center the div and give it a good width, same with the qr image and i am unsure of the background color use in the body part and also of my dimension uses if you can give me some good tips to help me grow in this career i will be glad to get from you Thanks

    qr component

    1
    Alberto De Maria•170
    @AlbertoDeMariaPosted about 1 year ago

    I think it's not bad if you're a guy just starting out in this world. I advise you to look for tutorials on YouTube, for example from "SuperSimpleDev" or "NetNija" who make video courses lasting several hours where they teach all the basics of HTML and CSS. Remember, however, that the important thing is to practice. Continue like this and you will see that within a few weeks you will complete this challenge as best as possible, I have faith in you!

    1