Skip to content
OverviewSolutions
3
Comments
2
Victor J
@juarezv90

All comments

  • Satyapriya Mahato•400
    @SatyapriyaMahatoSubmitted over 1 year ago

    Simple and fun project using pure Html and CSS. I faced a little difficulty while making the menu bar but at the end it was. I used a checkbox input to toggle the menu bar. Feel free to suggest any improvements.

    Easybank landing page using HTML and CSS

    1
    Victor J•90
    @juarezv90Posted over 1 year ago
    • Your Burger SVG effect is excellent, and functions great
    • Your mobile menu though has an out of place margin that does not allow clean line up with the navbar.
    • Your container does not wrap the whole project evenly so the page display unportionately to design challenge.
    • Padding not even which causes a lot of elements to be out of place.
    • Opportunity lies for use of display:flex; design options

    Excellent use of semantic html elements

    Bonus Points: utilizing comments in your html

    Please check out mine and let me know where I can improve as well

    0
  • Victor J•90
    @juarezv90Posted over 1 year ago
    • Imaging sizing and position need work, in desktop mode you're sizings are uneven and your Hero image bleeds over and covers the next section.
    • Try using object-fit: cover in your CSS for maintaining images and not giving themm stretched appearance.
    • Scaling needs work for larger screen sizes, possibly putting the entire page in a container with a max-width: 1440px; margin: 0 auto; to keep it from oversizing your layout and have it centered on the page.
    • It looks like a lot of the hover effects are missing and the links do not have even demo function that shows that they are working links that could be programmed easily later on.

    Overall

    The site comes close to replicating the design but falls short on some structure aspects and CSS configurations.

    0