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, CSS Variables and Flexbox, Grid and Javascript

P
David Turner 4,110

@brodiewebdt

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


This is my final version of the Easybank challenge. This was my toughest challenge yet. Because of the way I built the main nav I couldn't use border-bottom for the hover state without ruining it. I used a position:absolute "hack" to display the borders so they don't line up perfectly. Any feedback would be appreciated.

Community feedback

P
David Turner 4,110

@brodiewebdt

Posted

At least half of these solutions have been sitting on my computer for a year or more. I couldn't do much because of my family situation. I don't use bootstrap. If I don't feel like styling a site, I will write the html for a site. I have 4 or 5 sites coded and ready to style. I also have components I coded and reuse with some tweaks. I spent a long time trying to code mobile menus, and the one I have now I have used in Sunnyside and Easybank. I am going to use it in the Manage and Bookmark sites. I also have some different footers coded that I use. I have an Accordian that looks like I can use in multiple projects as well. If you find some code you like, save and reuse it. That's what frameworks are.

0

@Abdul400

Posted

I'd really like to know what your web dev setup looks like. I like how you develop so quickly and they still look so good.

0

@Abdul400

Posted

I'm not sure how you develop your solutions so rapidly, I see you uploading in quick successions. Do you use bootstrap?

0

@Abdul400

Posted

I have to admit this looks awesome!!

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