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

Kristijan Bobovec

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

  • Product preview card


    Kristijan Bobovec•90
    Submitted 4 months ago

    Every advice would be helpful.


    1 comment
  • Recipe page


    Kristijan Bobovec•90
    Submitted 4 months ago

    Any advice is welcome.


    1 comment
  • Social links profile


    Kristijan Bobovec•90
    Submitted 4 months ago

    Those are my concerns:

    • Did I use a correct semantic elements.
    • Is my styling good (body: min-height:100vh) or is better solution using height.
    • Also is this CSS reset good from internet or should I create own and use my own CSS reset.

    0 comments
  • Blog preview card


    Kristijan Bobovec•90
    Submitted 6 months ago

    1 comment
  • QR code compontent


    Kristijan Bobovec•90
    Submitted 6 months ago

    1 comment

Latest comments

  • Iamojochenemi•120
    @Iamojochenemi
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to make the page responsive. Write neater code

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

    Using the <picture> to place two different pictures that'll display at different width. Searched for it

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

    I'll need help with the whole responsiveness, please give me tips

    Responsive product review card

    1
    Kristijan Bobovec•90
    @kristijanbobovec
    Posted 4 months ago

    In you HTML add .visually-hidden (not visible elements but readable by screen reader) elements for prices for example two spans with "Original price" and "Current price" let's say so you add meaning of those prices to people who have problems with vision. Also never first use H2 and then H1 tag.

  • timothyho512•130
    @timothyho512
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    Struggling to use eye balls to have completely same sizing with the template

    recipe challenge

    1
    Kristijan Bobovec•90
    @kristijanbobovec
    Posted 4 months ago

    Stylings are not good. Use semantic elements that will help screen readers. (main, section) Try to use BEM naming convention for classes. Overall it is good for newbie level. Also try to use "object oriented" CSS so classes inherit and then you can reuse them also create variables in CSS it is helpful.

  • Jose Beltran•100
    @jose-beltran
    Submitted 4 months ago

    Responsive landing page using css grid

    1
    Kristijan Bobovec•90
    @kristijanbobovec
    Posted 4 months ago

    Hello, solution is nice but there is a room for impovement:

    • Use semantic elements
    • you used <button> tag but better in this case is to use <a> tag
    • also better approach to group buttons is to use unordered list
  • Rockyd0028•80
    @Rockyd0028
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    none

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

    mnone

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

    none

    Responsive, html , css

    1
    Kristijan Bobovec•90
    @kristijanbobovec
    Posted 6 months ago

    Not bad but there is a lot to fix, like sizes of elements, colors, gaps. Also use classes on elements h3 p etc...

    Marked as helpful
  • P
    Loic Lamaille•100
    @LoicLamaille
    Submitted 6 months ago

    QRCode using padding, flex and mesdia queries

    3
    Kristijan Bobovec•90
    @kristijanbobovec
    Posted 6 months ago

    Nice solution, text needs to be different color, also you need letter-spacing in paragraph text and also slightly bigger border-radius on image. Everything besides that is good.

    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

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