Skip to content
OverviewSolutions
19
Comments
8

A S DineshMoorthi

@dineshmoortyMadurai220 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

Currently diving into Java Full Stack development, mastering both front-end and back-end technologies.

Latest solutions

View more solutions

Latest comments

  • Lobe Loic•180
    @melawout
    What are you most proud of, and what would you do differently next time?

    The below CSS snippet helped me to create the shadow behing the button

    form{
  isolation: isolate;
}

.button:hover::after,
.button:focus-visible::after{
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: inherit;
  border-radius: inherit;
  translate: 0 1.5rem;
  filter: blur(1rem);
  opacity: .5;
}

    Responsve newsletter sign upwith success message

    1
    A S DineshMoorthi•220
    @dineshmoorty

    superb

  • A S DineshMoorthi•220
    @dineshmoorty

    superb

  • Sungho Cho•120
    @scho7623
    What are you most proud of, and what would you do differently next time?

    Use of CSS Grid

    What challenges did you encounter, and how did you overcome them?

    Learned about CSS Grid

    What specific areas of your project would you like help with?

    Responsiveness

    four card section

    1
    A S DineshMoorthi•220
    @dineshmoorty

    superb output is perfect

  • A S DineshMoorthi•220
    @dineshmoorty

    Hey! output is awesome but you should first design for mobile after you create a desktop .

    Use semantic tags like header,footer,section,main etc..

    maximum user's are mobile friendly so you create a design responsive sizes.use flex box or grid.i give a example for flex

    body{ display :flex; justify-content:center; align-items:center; height:100vh; } Keep it up.

  • A S DineshMoorthi•220
    @dineshmoorty

    output is awesome but first you design mobile and i give some tips media query 640px , 748px,900px,1024px,1200px,1440px these examples are responsive screen size.keep it up

  • A S DineshMoorthi•220
    @dineshmoorty

    Design is awesome but i gave some tips you , use semantic tags like hedaer,main,section,footer etc..use flexbox for better view.keep it up

View more comments