Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
27

Super Oleksandr

@super-simon320 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!

Latest solutions

  • Interactive rating component

    #sass/scss#bem

    Super Oleksandr•320
    Submitted over 2 years ago

    0 comments
  • News Homepage

    #sass/scss#bem

    Super Oleksandr•320
    Submitted over 2 years ago

    0 comments
  • 3-column preview card component (HTML, SCSS, Adaptive, BEM)

    #sass/scss#bem

    Super Oleksandr•320
    Submitted over 2 years ago

    0 comments
  • QR code component

    #sass/scss#bem

    Super Oleksandr•320
    Submitted over 2 years ago

    2 comments
  • Product preview card component (SCSS, BEM)

    #bem#sass/scss

    Super Oleksandr•320
    Submitted over 2 years ago

    1 comment

Latest comments

  • Gabriel Laurentino Torquato Braz•110
    @laurentino01
    Submitted over 2 years ago

    3 column preview card using pure html and css with responsive paddings

    1
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello.

    To centralize this component vertically, just add some height to your flex container. For example:

    .d-flex {
        ...
        min-height: 100vh;
    }
    
    Marked as helpful
  • Bikram pradhan•70
    @pvicky4759
    Submitted over 2 years ago

    qr-code-component using html and css.

    1
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello!

    Just want to give you some advice on the alt attribute for the QR code image.

    If using the QR code as a link, make sure that there is a text alternative that describes the purpose of the link so that the user can understand where they will be redirected to.

    In this case you should write:

    <img alt="QR code to frontendmentor.io" .... />
    
  • shiizam•230
    @shiizam
    Submitted over 2 years ago

    Coded with vite react

    #react#vite
    1
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello!

    Just want to give you some advice on the alt attribute for the QR code image.

    If using the QR code as a link, make sure that there is a text alternative that describes the purpose of the link so that the user can understand where they will be redirected to.

    In this case you should write:

    <img alt="QR code to frontendmentor.io" .... />
    
    Marked as helpful
  • dmitchley•10
    @dmitchley
    Submitted over 2 years ago

    QR-code-component

    2
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello!

    Just want to give you some advice on the alt attribute for the QR code image.

    If using the QR code as a link, make sure that there is a text alternative that describes the purpose of the link so that the user can understand where they will be redirected to.

    In this case you should write:

    <img alt="QR code to frontendmentor.io" .... />
    
  • Iêska Gonçalves•40
    @ieskagoncalves
    Submitted over 2 years ago

    Página de destino do Card QR Code

    #accessibility#contentful#cube-css
    1
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello!

    Just want to give you some advice on the alt attribute for the QR code image.

    If using the QR code as a link, make sure that there is a text alternative that describes the purpose of the link so that the user can understand where they will be redirected to.

    In this case you should write:

    <img alt="QR code to frontendmentor.io" .... />
    
    Marked as helpful
  • IcebDev•10
    @IcebDev
    Submitted over 2 years ago

    QR code css Propreties

    1
    Super Oleksandr•320
    @super-simon
    Posted over 2 years ago

    Hello!

    Just want to give you some advice on the alt attribute for the QR code image.

    If using the QR code as a link, make sure that there is a text alternative that describes the purpose of the link so that the user can understand where they will be redirected to.

    In this case you should write:

    <img alt="QR code to frontendmentor.io" .... />
    
View more comments
Frontend Mentor logo

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

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