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

html, css and bootstrap

@VishnuSudheer

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


How can i add error messages?

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hi, Vishnu Sudheer! 👋

Nice effort on this challenge! 👏 I like how you colored the social media icons in the footer of the page! 👍

I suggest,

  • Turning the navigation links in the footer of the page into actual links using the anchor tag.
  • Adding a little more padding around the various elements of the page to help it look more like the original design and give the content some room.
  • Taking a look at your solution report and trying to clear some of the errors that there. 😉

Keep coding (and happy coding, too)! 😁

1

@VishnuSudheer

Posted

@ApplePieGiraffe thank you for all the suggestions and happy coding to you to.

0

@JesusAtao96

Posted

Hello Vishnu Sudheer👋

Bootstrap has a helper class for flexbox (https://getbootstrap.com/docs/4.0/utilities/flex/), try using this to center vertically and horizontally the content, also add padding to elements.

Happy new year and keep coding 😊.

1

@VishnuSudheer

Posted

@JesusAtao96 Thank you for sharing your advice with me and i wish you have a happy new year 😊.

0

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