Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
26
Comments
41

Martin Eliáš

@martinelias1312Slovakia890 points

I am sales representative in HoReCa and also web apps developer for almost 2 years. I have started to learn in November 2021.

I’m currently learning...

Practicing html, css - scss, JS and JS frameworks(React, Vue, Angular)

Latest solutions

  • Expenses chart component with JS and Scss

    #accessibility#sass/scss#fetch

    Martin Eliᚕ890
    Submitted almost 3 years ago

    0 comments
  • Responsive landing page

    #accessibility#sass/scss

    Martin Eliᚕ890
    Submitted almost 3 years ago

    0 comments
  • Product preview card with Tailwind

    #accessibility#tailwind-css

    Martin Eliᚕ890
    Submitted almost 3 years ago

    0 comments
  • Tip calculator with React

    #react#sass/scss#typescript#accessibility

    Martin Eliᚕ890
    Submitted almost 3 years ago

    0 comments
  • Daily/weekly/monthly time tracking dashboard

    #accessibility#fetch#react#sass/scss#typescript

    Martin Eliᚕ890
    Submitted about 3 years ago

    2 comments
  • Intro section with dropdown nav

    #accessibility#sass/scss

    Martin Eliᚕ890
    Submitted about 3 years ago

    1 comment
View more solutions

Latest comments

  • Martin Eliáš•890
    @martinelias1312
    Submitted about 3 years ago

    Daily/weekly/monthly time tracking dashboard

    #accessibility#fetch#react#sass/scss#typescript
    2
    Martin Eliᚕ890
    @martinelias1312
    Posted about 3 years ago

    Anyways, first challenge with React !!

  • voqh•130
    @Voqh
    Submitted about 3 years ago

    Responsive Landing page using CSS Grid

    #accessibility#materialize-css#semantic-ui
    1
    Martin Eliᚕ890
    @martinelias1312
    Posted about 3 years ago

    Hello @Voqh,

    Media queries are commonly used to code your site on larger viewport. here are two good articles about your question:

    Developer Mozilla Network and CSS Tricks

    Marked as helpful
  • Wild_Tsunami•120
    @WildTsunami
    Submitted over 3 years ago

    NFT Card with some Flex

    2
    Martin Eliᚕ890
    @martinelias1312
    Posted over 3 years ago

    Hello @WildTsunami, look at my solution how i have done it. I started with the variable cyan color and changed its opacity to 50%. (:root section).

    One more suggestion:

    • alternate text can be left blank if images are only decorative, like icons of ethereum or clock.

    If you have any questions and don´t understand something from my code, feel free to ask!

    Marked as helpful
  • Sachin Shelke•190
    @SachinShelke7
    Submitted over 3 years ago

    Frontend Mentor | Order summary card

    #tailwind-css
    1
    Martin Eliᚕ890
    @martinelias1312
    Posted over 3 years ago

    Hello @SachinShelke7, my few suggestions:

    • main content should be wrapped in <main> element
    • <div class="attribution"> can be wrapped in <footer> element
    • on larger screens than 1440px, background image is not at full size, so i´ll recommend to use background-size: 100%; at <body> element
    Marked as helpful
  • Nelson•60
    @nelsonfleig
    Submitted over 3 years ago

    NFT preview card component using SASS

    #sass/scss
    1
    Martin Eliᚕ890
    @martinelias1312
    Posted over 3 years ago

    Hello @Kokopelli84, i have some suggestions. Accessibility issues:

    • main content should be wrapped in <main> element
    • there should be <h1> heading, article here
    Marked as helpful
  • Aryan Sethi•360
    @Aryan-ki-codepanti
    Submitted over 3 years ago

    Responsive 3 column card preview component

    #vanilla-extract
    1
    Martin Eliᚕ890
    @martinelias1312
    Posted over 3 years ago

    Hello @Aryan-ki-codepanti, my few suggestions:

    • add one more media querrie with min-width: 900px and change wrapper width.
    • <h1> should be used once, article about it [here](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements).

    Anyways good job!

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

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