Skip to content
OverviewSolutions
22
Comments
7

Morin Sultan

@SoulOfMo440 points

Hi, I'm Morin Sultan, an electrical electronics student with a passion for frontend development. With a year of experience under my belt, I have honed my skills in HTML and CSS and am currently working on improving my proficiency in JavaScript. I enjoy taking on new challenges.

Latest solutions

View more solutions

Latest comments

  • Blessing Akanimoh James•250
    @Jahsbaby
    What specific areas of your project would you like help with?

    I believe every developer all had issues with understanding grids right? please I need tips and how to confidently deal with it

    Bento-grid

    2
    Morin Sultan•440
    @SoulOfMo

    The more you practice, the more you understand it.

    Marked as helpful
  • Morin Sultan•440
    @SoulOfMo

    I don't understand what you meant by the button not showing. I've noticed that in the mobile view, there's no space between the container and the body, which makes the layout look cramped. To resolve this, you can add some padding to the top and bottom of the container. This will create more breathing room and improve the overall appearance.

  • Morin Sultan•440
    @SoulOfMo

    Yeah. Still check out Traversy Media on YouTube he has crash course on that also.

  • Morin Sultan•440
    @SoulOfMo

    keep going, you can check out Traversy media crash course on flexbox and grid. You also need to work on your responsiveness.

  • Morin Sultan•440
    @SoulOfMo

    Nice work kelly, I recommend you use a button tag instead of list tag. the background effect is done by using a pseudo class button:focus { background-color: var(--lightGrey); color: var(--white); }

    Check my solution rating component

  • Morin Sultan•440
    @SoulOfMo

    Nice work man. You can set the height of the body to 100vh to stop it from overflowing. Also you can use the main tag instead of <div class="parent">. Your site is responsive which is very good.

View more comments