Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
3

dselimovic02

@dselimovic02220 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

  • Social Proof Section


    dselimovic02•220
    Submitted over 1 year ago

    0 comments
  • FAQ Accordion


    dselimovic02•220
    Submitted over 1 year ago

    0 comments
  • Rock Paper Scissors Frontendmentor/The Odin Project


    dselimovic02•220
    Submitted over 1 year ago

    0 comments
  • Article Preview


    dselimovic02•220
    Submitted over 1 year ago

    0 comments
  • Stats Preview Card


    dselimovic02•220
    Submitted over 1 year ago

    1 comment
  • Responsive three column card component


    dselimovic02•220
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Abaso•120
    @originalboss
    Submitted over 1 year ago

    Desktop Design QR Code

    3
    dselimovic02•220
    @dselimovic02
    Posted over 1 year ago

    vh and vw are abbreviations for viewport height and width which are units just like px(pixel). 1vh = 1% of your viewport height meaning if your vh is, for example, 100px, 1vh would be 1%. viewport is size of screen displaying the content. You can founf out more about units ini this w3schools lecture: https://www.w3schools.com/cssref/css_units.php

    Cheers!

    Marked as helpful
  • Macury•40
    @Macury
    Submitted over 1 year ago

    Profile card component using Mobile-first approach

    2
    dselimovic02•220
    @dselimovic02
    Posted over 1 year ago

    You can check my solution for the answer. Long story short, set the circles as background images for body and position them.

    Lice site url: https://dselimovic02.github.io/profile-card/

    Cheers!

    Marked as helpful
  • Amgad Ezzat•160
    @Amgadezzat-andro
    Submitted over 1 year ago

    Vanilla HTML , CSS using flexbox + mobile version 🕊️😊🖤

    1
    dselimovic02•220
    @dselimovic02
    Posted over 1 year ago

    You can check out my solution of this project to see how I got really close to the original. Long story short, I put a DIV in place of picture with background-color matching accent color and background-image matching that particular image. Then I have used background-blend-mode od multiply. The result was a little darker so I have covered it with another DIV of same size and background-color: accent and reduced opacity.

    Cheers!

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