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

Yavuz KARAKUŞ

@yavuzkarakusAnkara50 points

Becoming a Creative Developer 🚀 Progress: ▰▰▰▰▰▰▰▰▱▱ 80%

Latest solutions

  • Order Summary Card Solution


    Yavuz KARAKUޕ50
    Submitted over 1 year ago

    1 comment
  • Perfume Product Card Solution


    Yavuz KARAKUޕ50
    Submitted over 1 year ago

    3 comments
  • QR Code Component Solution


    Yavuz KARAKUޕ50
    Submitted over 1 year ago

    1 comment

Latest comments

  • Uratë Bekaj•10
    @urateb
    Submitted over 1 year ago

    Responsive QR code component built with Vue and Sass!

    #bem#sass/scss#vue
    1
    Yavuz KARAKUޕ50
    @yavuzkarakus
    Posted over 1 year ago

    Hi Uratë Bekaj! 👋🏻

    It looks pretty good. It's good that you're using Vue and Sass. 💯 But in HTML all your containers are built with <div>. You can try using semantic tags. You can see the documentation about semantic tags by clicking here.

    Happy coding! ⚡

    Marked as helpful
  • Jonathan Carlton•10
    @JonathanCarlton
    Submitted over 1 year ago

    QR Component using CSS Flexbox

    1
    Yavuz KARAKUޕ50
    @yavuzkarakus
    Posted over 1 year ago

    Hello @JonathanCarlton, 👋

    If you want your code to be more readable, I recommend using semantic tags in HTML. Semantic tags will not only make your code more readable but also help you write consistent code. That's why you should use tags like <header></header>, <footer></footer>, <main></main>.

    For more details, you can learn more about semantic tags by clicking on the link here.

    Happy coding! 🤩

  • Jamie Speller•20
    @xhemals
    Submitted over 1 year ago

    QR Code CSS only

    1
    Yavuz KARAKUޕ50
    @yavuzkarakus
    Posted over 1 year ago

    Hi @xhemals,

    I can suggest a few things to change and simulate the look a bit more. First of all, in order to use flexbox, you need to give display: flex; to the parent of the object you want to center. On the other hand, position: absolute; is not a feature we usually prefer. At least that's how I know. 🙃

    If you have difficulties, you can click here to check my GitHub account. But please try to write code yourself first. After all, as the saying goes; fake it until you make it. 😉

    Happy coding!

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