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

fatihaosman

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

  • tailwindcss


    fatihaosman•40
    Submitted 26 days ago

    What disturbs me the most about styling the recipe page is the repetition—especially of similar div structures. It feels inefficient to manually repeat the same layout and classes for each item (like calories, protein, carbs, etc.), which can make the code longer and harder to maintain. I wish there was a cleaner or more dynamic way to handle these repeating blocks.


    1 comment
  • tailwindcss


    fatihaosman•40
    Submitted 29 days ago

    I’d appreciate help with making the layout feel more balanced on desktop. Right now, the design looks a bit too narrow or “slimmed down” on larger screens, and I’m not sure if I’m using the right Tailwind width and max-width classes to make it look better across breakpoints.

    Since this was a mobile-first challenge, I want to make sure the design stays clean on small screens but also scales up properly on tablets and desktops without feeling squeezed.

    Any advice on how to improve the responsiveness and spacing, especially on larger viewports, would be really helpful.


    1 comment
  • HTML Tailwind CSS (via CDN) Plain CSS (for custom box-shadow)


    fatihaosman•40
    Submitted 30 days ago

    I’d really appreciate help with implementing the box shadow using Tailwind’s utility classes instead of custom inline styles. I wasn’t sure how to achieve the bold shadow effect I wanted using only Tailwind, so I resorted to writing a custom box-shadow in the style attribute.


    1 comment
  • Tailwind CSS for styling and responsiveness

    #tailwind-css

    fatihaosman•40
    Submitted about 1 month ago

    I'm looking for help with improving my layout design skills, as I find it a bit challenging to create clean and effective layouts. Specifically, I struggle with knowing when to use <div> elements and when to avoid them in favor of more semantic HTML elements. Any guidance on how to design better layouts and make more efficient use of HTML structure would be really helpful.


    1 comment

Latest comments

  • AlexxxMasonn•100
    @AlexxxMasonn
    Submitted 26 days ago

    Recipe

    1
    fatihaosman•40
    @fatihaosman
    Posted 26 days ago

    nice!!

  • P
    dienorseman•50
    @dienorseman
    Submitted 29 days ago

    socials solution

    1
    fatihaosman•40
    @fatihaosman
    Posted 29 days ago

    good job!

  • Atul Anand Oraon•40
    @OAtulA
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    Finding the counterpart for css in Tailwind.

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

    Making it was fun as figma file was given no problem

    qr code page using tailwind css and flex

    #tailwind-css#vite
    1
    fatihaosman•40
    @fatihaosman
    Posted about 1 month ago

    Great job! Your design looks clean and well-organized. It's clear you put a lot of effort into it, and you’ve made a good start.

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