Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
4

Jovan Jankovic

@kodeFyndSerbia100 points

I'm 23y/o youngster with aspirations in Front-end web development

I’m currently learning...

CSS grid, layout patterns, design rules

Latest solutions

  • Fylo-data Component


    Jovan Jankovic•100
    Submitted about 1 year ago

    I do not know how to transform that white box that displays how much gigabytes is left, that sharp border at the bottom right thingy, hence I left it untouched (not counting the positioning). If anyone knows how to achieve this effect, please leave feedback.

    Moreover, the input slider is very complicated to style, couldn't manage to create a linear gradient effect after the slider thumb. I decided to make everything static design wise, no functionality because I don't know anything about JS. If you happen to know a solution, to make the input slider functional yet styled properly, leave feedback please.


    0 comments
  • Responsive Grid layout


    Jovan Jankovic•100
    Submitted about 1 year ago

    /


    0 comments
  • Responsive social profile


    Jovan Jankovic•100
    Submitted about 1 year ago

    /


    1 comment
  • Responsive blog card


    Jovan Jankovic•100
    Submitted about 1 year ago

    /


    0 comments
  • Basic responsive recipe list


    Jovan Jankovic•100
    Submitted about 1 year ago

    /


    1 comment
  • Responsive QR Code


    Jovan Jankovic•100
    Submitted about 1 year ago

    /


    0 comments

Latest comments

  • Sergiu Grosu•200
    @sergrosu
    Submitted about 1 year ago

    Responsive Recipe page built with vanilla HTML & CSS

    2
    Jovan Jankovic•100
    @kodeFynd
    Posted about 1 year ago

    Nicely done, good work.

    Marked as helpful
  • P
    Hexerse•460
    @Hexerse
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    What I am proud of is that I am able to do this faster and faster now.

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

    When it came to creating blocks for the media information. I was stumped. I went back to research.

    What specific areas of your project would you like help with?

    nil

    Social-Link-Profile

    1
    Jovan Jankovic•100
    @kodeFynd
    Posted about 1 year ago

    Suggestion to always keep your styles inside a folder, write your css externally. Correct the image path with "./assets/images/avatar-jessica.jpeg" <- with a dot after the first quotation mark.

    My advice is to always use classes for selecting elements, ID's are usually used for the purpose of linking elements.

  • Schnitzel689•60
    @Schnitzel689
    Submitted about 1 year ago

    0.1

    1
    Jovan Jankovic•100
    @kodeFynd
    Posted about 1 year ago

    Use classes instead of ID's, try to name your selectors in more detail so whoever is viewing your code can understand your structure easily enough.

    Try to practice feature commits on GitHub, where the first line is always the name of changed document with a suffix (updated, modified) and the second line shows the feature you implemented with a brief description on what and why.

  • Ali-Abbas1•10
    @Ali-Abbas1
    Submitted about 1 year ago

    Responsive QR code component using Html and CSS

    1
    Jovan Jankovic•100
    @kodeFynd
    Posted about 1 year ago

    Although it does the job, the code is unreadable. It is always a plus to have a direct access to the code in it's respective language, so that others can understand what you've done.

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