Skip to content
Submitted over 3 years ago

Practicing HTML and CSS vanilla

Mercedes•70
@mfer9326
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello This is the first challenge I've been able to finish. I did it to pobar myself. Put HTML and CSS into practice. I would like to receive your feedback to continue learning and correcting mistakes.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    This is not one of the easiest of the NEWBIE projects I would work on some of the other ones and then come back and build this one against from scratch. Since you have a pro account you can see your sizes of elements are not correct at desktop size

    1
    Mercedes•70
    @mfer9326Posted over 3 years ago

    Yes, I have noticed. But until now I did not know how to solve it. Thanks for your comments. They help me to continue learning

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @mfer9326 if you are using windows you can open SKETCH files with a free program called Lunacy https://icons8.com/lunacy

    0
    Mercedes•70
    @mfer9326Posted over 3 years ago

    I have used files from figma. Although I have not yet learned much about how to go from design to code. I will also try the one you recommend.

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @mfer9326 Figma might be better I just do not like using online software so that I why I used the sketch files and Lunacy

    0
  • Cristian Leonardo Castañeda•155
    @crisleocPosted over 3 years ago

    Hi, your solution it's very nice but if you can align vertically the layout for be better. :D maybe with, margin: auto 0 or align-items: center. I don't know what you do use xd

    1
    Mercedes•70
    @mfer9326Posted over 3 years ago

    The flexbox part has perhaps become very difficult for me. I will try to fix it and upload it again. Thanks.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord