Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
42
Comments
14

Milos Djordjevic

@milosshomySerbia990 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!

I’m currently learning...

React

Latest solutions

  • Single Price Grid Component using Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted almost 2 years ago

    0 comments
  • Age Calculator With Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted almost 2 years ago

    0 comments
  • Newsletter Signup Form Using Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted almost 2 years ago

    1 comment
  • Four Card Feature Section Using Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted over 2 years ago

    0 comments
  • Easy bank Landing Page Using Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted over 2 years ago

    0 comments
  • Chat App Using Tailwind

    #tailwind-css

    Milos Djordjevic•990
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Alseny•50
    @alseny-diallo
    Submitted over 2 years ago

    Responsive preview card using css grid,flexbox

    #sass/scss
    1
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hey Alseny, congratulation on solution. You need to set height to 100% on your article tag and on your image. When something is not how you wanted I highly recommend to use developer tool, that way you can find what is missing.

    Keep coding! :)

  • Attrams•130
    @Attrams
    Submitted over 2 years ago

    Responsive site built with FlexBox

    2
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hey Attrams, congratulation on solving this challenge. The code you provided basically says that you are creating another div using pseudo element with the same width and height and giving him a background-color and a content which is a icon and that icon is centered using flexbox. That created div is hided with opacity: 0 and on hover it is set back to be visible. You can find more about pseudo elements here, they are really useful.

    https://www.youtube.com/watch?v=zGiirUiWslI&t=25s

    Keep coding!

    Marked as helpful
  • David Magalhães•130
    @davidwilliamx
    Submitted over 2 years ago

    Order summary card

    1
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hey David, congratulation on solution. Your path towards image is wrong you need to use dots to exit css file then go into images file and find desired image, like this. background-image: url(..images/pattern-background-desktop.svg);

    Keep coding!

  • Gora Indiraja Shafa•140
    @goraindiraja
    Submitted over 2 years ago

    Product Preview Card using HTML, CSS

    3
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hey Gora, congratulation on solution. This challenge provides two images one for desktop and one for mobile. You can switch images based on screen size.

    Keep coding! :)

  • Divakar Bhardwaj•10
    @divakar54
    Submitted over 2 years ago

    social proof section using css flex

    2
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hey Divakar, congratulations on solution. I have few tips for you. You can use display: flex on your .rating-item div, that way the starts and the span will be next to each other like on design. You can translate your .rating-item:nth-child(2) , .rating-item:last-child so they move a little bit to the right like on design.

    I hope this helps. Keep coding!

    Marked as helpful
  • Noureddine-20•130
    @Noureddine-20
    Submitted over 2 years ago

    order summary component main

    2
    Milos Djordjevic•990
    @milosshomy
    Posted over 2 years ago

    Hello Noureddine , congratulations on this solution. Here are some advices. You can center your .container with a flexbox just set min-height: 100vh to your body. You can apply those background images with a background-image property on body and position them where you want. https://developer.mozilla.org/en-US/docs/Web/CSS/background

    I hope this helps you. Keep coding!

    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