Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
50
Comments
188

Luka Glonti

@lack21Georgia3,440 points

Constantly improving myself

Latest solutions

  • Contact Form


    Luka Glonti•3,440
    Submitted about 1 year ago

    0 comments
  • Countdown Timer


    Luka Glonti•3,440
    Submitted over 1 year ago

    0 comments
  • Recipe Page


    Luka Glonti•3,440
    Submitted over 1 year ago

    0 comments
  • Huddle landing page with alternating feature blocks


    Luka Glonti•3,440
    Submitted almost 2 years ago

    0 comments
  • Article preview component


    Luka Glonti•3,440
    Submitted about 2 years ago

    0 comments
  • Newsletter sign-up form with success message


    Luka Glonti•3,440
    Submitted about 2 years ago

    1 comment
View more solutions

Latest comments

  • acabrie•170
    @acabrie
    Submitted over 1 year ago

    Responsive Stats preview card using Grid and Flex

    1
    Luka Glonti•3,440
    @lack21
    Posted over 1 year ago

    Hi there, that's a good work right there, but I have some recommendations!

    • Instead of width: 310px in .container add width: min(500px, 90vw), it will adjust width to 500px and if screen's width will be less than 500px .container will adjust to it!

    • Replace margin: auto in .container to margin: 1.5rem auto to add some additional space to the top and bottom!

    Good Luck! 👍

    Marked as helpful
  • Bibiwei Pere•490
    @Bibiwei-Pere
    Submitted about 2 years ago

    Sunnyside agency landing page built with CSS and JavaScript

    1
    Luka Glonti•3,440
    @lack21
    Posted about 2 years ago

    Great work 👍, but I have a suggestion for you!

    • Remove background-size: 100% 100% from class .hero and add these styles instead
    background-size: cover;
    background-position: center;
    

    like this background image will fit well on all devices!

  • YoungZV•260
    @YoungZV
    Submitted about 2 years ago

    Order Summary Component

    1
    Luka Glonti•3,440
    @lack21
    Posted about 2 years ago

    Good job 👍, but I have a suggestion!

    • Add background-size: contain to the body, so background image would fit well on larger devices!
    Marked as helpful
  • supakorn klampod•220
    @BKvip
    Submitted about 2 years ago

    Interactive rating component

    #react
    2
    Luka Glonti•3,440
    @lack21
    Posted about 2 years ago

    Good job 👍, but I have a suggestion!

    • Instead of padding: 1rem 1.2rem in the class .point use these styles
    width: 3rem;
    height: 3rem;
    

    like this circles will be round!

    Marked as helpful
  • Jacqui Michel•60
    @Jacqui72
    Submitted about 2 years ago

    3-column-preview-card-component using Flexbox, CSS

    1
    Luka Glonti•3,440
    @lack21
    Posted about 2 years ago

    Excellent work 👍, but I have a suggestion!

    • Remove these styles from .container
    margin-top: 100px;
    height: auto;
    

    and add min-height: 100vh instead, like this layout will be centered!

  • levy_m•60
    @LevyMatias
    Submitted about 2 years ago

    Order summary card

    #bem
    1
    Luka Glonti•3,440
    @lack21
    Posted about 2 years ago

    Great work 👍, but I have some recommendations!

    • Replace height: 100vh to min-height: 100vh in the body, the difference is that, when you set height: 100vh to something, that means it won't be bigger than that, it might cause some problems in the future, so better approach is to set min-height: 100vh, like this in case content is overflowing container will adjust to it!
    • Remove width: 100% from the body, body is a block level element which by default takes full space available, so width: 100% does nothing here!
    Marked as helpful
View more comments

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

Mentor of the Week - 3rd Place

This badge is awarded to the 3rd placed community member on the weekly Wall of Fame.

Fun fact

The Hansen Writing Ball shown in the badge was the first commercially produced typewriter. It was put into production in 1870 with its unique ergonomic design. It was overtaken in the market in 1873 by the Sholes and Glidden typewriter which was the first keyboard to utilise the QWERTY layout we now use today.

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

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