Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
28

Antonio Novak

@Nova988Netherlands480 points

Beginner with coding. I want to become a front-end web dev in the future.

I’m currently learning...

Currently Learning: HTML, CSS & JS

Latest solutions

  • Solution using Sass, Grid and Javascript

    #sass/scss#jss

    Antonio Novak•480
    Submitted about 3 years ago

    0 comments
  • Solution using Sass and JS

    #sass/scss#jss

    Antonio Novak•480
    Submitted about 3 years ago

    3 comments
  • Solution using Sass and JS

    #sass/scss#jss

    Antonio Novak•480
    Submitted over 3 years ago

    2 comments
  • Solution using SASS Flexbox, Grid & javascript DOM


    Antonio Novak•480
    Submitted over 3 years ago

    1 comment
  • Solution using SASS Flexbox, Grid & javascript DOM


    Antonio Novak•480
    Submitted over 3 years ago

    0 comments
  • Solution using SASS, Grid and JS


    Antonio Novak•480
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Nelson Rosario•50
    @NellyisDevv
    Submitted about 3 years ago

    Order Summary Component

    1
    Antonio Novak•480
    @Nova988
    Posted about 3 years ago

    Hello, nice card. I have some things to point out.

    • Try to put the card in a div box and center it with flexbox. Card is divided into pieces in the main component. If you create a div and replace the <main> styles on the div. Then center the card with flexbox on the <main>, your card should be centered. Now it is on the bottom of my screen plus I need to scroll down to see the card.
    • Change the font-weight of the price tag. It is to bold compared to the design.

    Hope it helps.

    Marked as helpful
  • José Manuel Esperanza•220
    @JoseAngara
    Submitted over 3 years ago

    Tip Calculator with HTML, CSS & JS

    1
    Antonio Novak•480
    @Nova988
    Posted over 3 years ago

    Hello,

    In 2022 you should try to avoid using var. Instead of var use let and const.

    Here you can read why you shouldn't use it : https://medium.com/@codingsam/awesome-javascript-no-more-var-working-title-999428999994.

    Hope it helps.

  • Eli•40
    @ElDull
    Submitted over 3 years ago

    Time Tracking Dashboard using CSS Grid and React

    #react
    2
    Antonio Novak•480
    @Nova988
    Posted over 3 years ago

    Hello,

    You should look into responsiveness design. If you set the width to 950px, you can see that the dashboard is not fully in the window. You can try looking into grid with using minmax(). I also have a solution, not saying it is perfect, but maybe you can see how i have made it more responsive so it fits the window.

    Hope it helps.

    Marked as helpful
  • Athilla•230
    @Athlla
    Submitted over 3 years ago

    Todo App | Next.js Typescript Sass/Scss

    1
    Antonio Novak•480
    @Nova988
    Posted over 3 years ago

    Hello, Nice app!

    You style the cursor on the light/dark mode button to pointer. It will make it nicer

  • Vishal Kumar•210
    @LahsivK4070
    Submitted over 3 years ago

    used css grid

    2
    Antonio Novak•480
    @Nova988
    Posted over 3 years ago

    Hello, nice card!

    • Try to add some padding between the image en text in the middle text box.
    • The change button needs to be an other color. I think you have the default color for the a tag.
    • Also add some box shadow on the payment button and add some spacing between the button and cancel order to fit the design.

    Hope it helps.

  • Krista Calleja•300
    @KristaCalleja
    Submitted over 3 years ago

    semantic HTML, CSS

    2
    Antonio Novak•480
    @Nova988
    Posted over 3 years ago

    Hello,

    For the background color on hover: did you try opacity? And you need to reduce the width of the image in the middle text box. It is set to 100%

    Hope it helps

    Marked as helpful
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