Skip to content
Submitted over 1 year ago

Fylo-Landing-Page HTML+CSS

Dellenar•160
@dellenar
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo landing page with two column layout
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

It was challeging with dealing lots of stuff and classes. At start it come as mess to deal with so many variables but at the end i managed to make it trough. I don't know if my code is mess and sure it's not 100% clean but i did my best. As time goes i believe i can make it way more smooth. All i have to do before dive into coding need to plan each section and create common classes for the same variables to make it more clean.

Please Check out my code and see if you have any advice for me. It's been almost 2 month since i start coding with HTML+CSS. So you can comment me about if i'm at a good point compared to 2 month of study. Thank you in advance ! Also thanks to the Frontendmentor to provide us such challenges to improve ourselves

Community feedback

  • Emmanuel Akpan•790
    @heisemmaco-devPosted over 1 year ago

    Hello there 👋. Congratulations on successfully completing the challenge! 🎉

    I must say you did a wonder job their, main look that the solution it look as if you use css flame works but you did it with pure css nice work their, i really love layout.

    continue the good works bro, no cap, you did a really things their,

    i hope you find this comment more encouraging and helpful

    Marked as helpful
    1
    Dellenar•160
    @dellenarPosted over 1 year ago

    yeah this gave me lots of motivation ngl thank you so much for your comment <3 @Moderateemmaco

    1
  • Suleman Tasawar•380
    @Suleman-TasawarPosted over 1 year ago

    Hi there @dellenar,

    I viewed your challenge Fylo-Landing-Page HTML+CSS and i must say that i am really impressed by the way you approched the solution to this challenge.If by judging you that you starting learing HTML CSS 3 months ago.You code looks well documented as it was easy to read your code and your code folders were well organized but there are a few thing that your can improve to make your solution.

    1. Your font size is really large in large screen devices (PC,Laptop).Trying playing with it to see which one fits the screen
    2. Your Nav Bars in well interms of layout trying adding the cursor:pointer; on hover and trying to change there color as well on hovering
    3. You have used margin-top and padding at the same same which is causing too much space try playing with them and try reducing the padding as well.

    Happy Coding Dear 😊

    Marked as helpful
    0
    Dellenar•160
    @dellenarPosted over 1 year ago

    Thank you so much for such good feedback. You can be sure i'll give more attention to those details as on next project goes on. Will also gonna fix the code with your recommendations asap @Suleman-Tasawar

    1

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