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

Submitted

Fylo-Landing-Page HTML+CSS

Dellenar 160

@dellenar

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@heisemmaco-dev

Posted

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

@dellenar

Posted

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

1

@Suleman-Tasawar

Posted

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

@dellenar

Posted

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
Discord logo

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