Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
1

Marko Djurdjevic

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

  • Time tracking Dashboard with vannila js and CSS


    Marko Djurdjevic•330
    Submitted about 2 months ago

    I have a problem I would like help with,

    If you select any article except the biggest one, and remove box-shadow property for it you might notice at the bottom edges of the article there is like 1 px of article background color that is showing and it looks bugged. I was wondering why that occurs and is there any quick fix for that? I made it not look so obvious by applying box-shadow but I was hoping someone could explain to me why this occurs and what would be best fix for it. It feels like border radius isn't clipping properly and hence leaving that annoying 1px of background color

    Another thing that came to my attention when I was working on this is when I added 15rem padding on the body and I noticed on certain screen widths for example : 1200px-1235px and again from 1080px - 1112px is that divs with class 'article-text-container' got condensed and didn't stretch till the end of the article(card) and made a weird looking appearence because the article background color covered the remaining empty space instead of those divs. Why does that happen? I would really like to know and what would be the best way to fix it besides the obvious one which is removing the padding from the body like I did. Because I might find myself in similar situation where I won't maybe be able to remove the padding.


    0 comments
  • News Homepage with sass and little bit of js

    #sass/scss

    Marko Djurdjevic•330
    Submitted 2 months ago

    Well I had to use a few media queries to fix grid responsivness, I wonder if I could have used less to get the job done and make grid more responsive on it's own.

    Any tips appreciated 😊 !


    0 comments
  • Product list with cart responsive page

    #sass/scss

    Marko Djurdjevic•330
    Submitted 3 months ago

    Refactoring, better and faster ways to do this.. All help appreciated


    0 comments
  • Newsletter form with success message

    #sass/scss

    Marko Djurdjevic•330
    Submitted 3 months ago

    I Would like to know what would be the best way to add a transition on a button which has on hover linear gradient but on normal state doesn't. It seems that transition doesn't work with background. So if anyone has any suggestions I would appreciate it.

    Also any tips on how to improve css, js code are greatly appreciated.


    0 comments
  • Responsive landing page using css grid

    #pure-css

    Marko Djurdjevic•330
    Submitted 3 months ago

    Maybe this could have been done with a lot less code if so I would like to know how, appreciate all the feedback.

    Also if there are any areas in which my code could have been better or if there are any better practices please let me know

    Thanks!


    0 comments
  • huddle-landing-page-with-alternating-feature-blocks


    Marko Djurdjevic•330
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • P
    Aydan•680
    @AydanKara
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of how well i structured my project using HTML, CSS, and JavaScript, ensuring a clean and responsive design. The accessibility improvements (ARIA attributes, keyboard navigation) and the performance optimizations (CSS grid usage) are standout achievements.

    What challenges did you encounter, and how did you overcome them?

    Challenge: CSS File Size & Maintainability

    • Solution: I refactored styles into smaller, reusable CSS files and explored CSS variables to make theme management easier.

    Challenge: Responsive Design & Cross-Browser Compatibility

    • Solution: I used CSS Grid & Flexbox effectively and tested across browsers to ensure a consistent experience.
    What specific areas of your project would you like help with?

    I would appreciate feedback and support in any topics regarding the improvement of the project.

    New Solution for News homepage

    #accessibility
    1
    Marko Djurdjevic•330
    @Frozennn
    Posted 2 months ago

    Hey great job!

    I like how well structured your code is! Not sure what I could add to improve your solution, I think you did a really good job. 😄

    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