Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
2

Mert Evirgen

@waldvoidİstanbul, Türkiye140 points

Front-end Developer 🔸

Latest solutions

  • News Homepage

    #webpack

    Mert Evirgen•140
    Submitted over 2 years ago

    0 comments
  • Age Calculator App

    #webpack

    Mert Evirgen•140
    Submitted over 2 years ago

    0 comments
  • Intro Component Page


    Mert Evirgen•140
    Submitted over 2 years ago

    0 comments
  • Article Preview Component


    Mert Evirgen•140
    Submitted over 2 years ago

    1 comment
  • FAQ Page Accordion


    Mert Evirgen•140
    Submitted over 2 years ago

    0 comments
  • Ping Coming Soon Page


    Mert Evirgen•140
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Ecem Gokdogan•9,380
    @ecemgo
    Submitted over 2 years ago

    Responsive Page with Email Validation & Typing Animation

    #animation#accessibility
    1
    Mert Evirgen•140
    @waldvoid
    Posted over 2 years ago

    Hi Ecem,

    • You may try giving an invalid e-mail error with event listener - blur when user enters an invalid e-mail and loses focus from the input field instead of showing error while writing the e-mail.
    • I like the transition on e-mail field but wished for a transition back when I lose focus from input area.
    • E-mail input does not have label, you can use aria-label attribute on your html to provide more accessibility for screen readers.
    • <img src="images/icon-arrow.svg" alt="arrow"> -->> button alt text can be more informative. Like "Subscribe to e-mail feed".

    Great work!

    Marked as helpful
  • MetalRick•70
    @MetalRick84
    Submitted over 2 years ago

    Why gap at bottom of image (see when hover)?

    2
    Mert Evirgen•140
    @waldvoid
    Posted over 2 years ago

    Hi MetalRick,

    If you are using a box for an image try using code below to align your image properly in your image container. Otherwise if you leave it like inline element have to exactly fit your image to your box.

    card-image-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    

    Or you may use other methods with the same idea.

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