Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
8
A S DineshMoorthi
@dineshmoorty

All comments

  • Lobe Loic•180
    @melawout
    Submitted 11 months ago
    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
    Posted 7 months ago

    superb

  • FadiBarbahan•130
    @FadiBarbahan
    Submitted 8 months ago

    article-preview-component-master-fadi

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 8 months ago

    superb

  • Sungho Cho•120
    @scho7623
    Submitted 9 months ago
    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
    Posted 9 months ago

    superb output is perfect

  • bishop2024-coder•50
    @bishop2024-coder
    Submitted 9 months ago

    product-preview-card-component-main

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 9 months ago

    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.

  • Abdur Rahman•110
    @AbdurRahman-web-Dreamer
    Submitted 9 months ago

    Recipe page and responsive web page

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 9 months ago

    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

  • HuntsberryS•30
    @HuntsberryS
    Submitted 9 months ago

    responsive social page

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 9 months ago

    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

  • Edifierx8•80
    @Edifierx8
    Submitted 9 months ago

    Blog

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 9 months ago

    good

  • Amal Lal•80
    @amallal2004
    Submitted 9 months ago

    QR code component using semantic HTML / CSS

    1
    A S DineshMoorthi•220
    @dineshmoorty
    Posted 9 months ago

    superb

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub