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

MhdSinanC

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

  • Article preview component using html css and javascript


    MhdSinanC•110
    Submitted about 1 month ago

    i'm not sure that my code is perfect, always seeking help from my fellow developers. :)


    1 comment
  • Testimonial grid section using css grids


    MhdSinanC•110
    Submitted about 2 months ago

    Always seeking help to improve :)


    1 comment
  • Four card feature section using HTML and CSS


    MhdSinanC•110
    Submitted about 2 months ago

    Always seeking help and improvements from my fellow designers/developers.


    1 comment
  • Responsive Product preview card using html and css


    MhdSinanC•110
    Submitted 2 months ago

    always seeking guidance to improve


    2 comments
  • recipe page using html and css


    MhdSinanC•110
    Submitted 2 months ago

    i am not good in css, it takes me a whole day to complete this, i am always open for suggestions/improvements. please check my code and review it. so i can improve.

    how to style a page quickly?? any tips. which we need to do first, for mobile or for desktop.


    1 comment
  • social links profile using html and css


    MhdSinanC•110
    Submitted 2 months ago

    always seeking for help to improve my css skills.


    1 comment
View more solutions

Latest comments

  • 14avi14•400
    @14avi14
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    I am glad I decided to use more CSS variables as they made the styling easier to manipulate. Using Grid also helped to keep the layout easy to manage, especially grid-template-areas. Next time, I will probably group things better in order to make lining things up easier.

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

    The main challenge with this entire project was lining the nav bar for the social links in the proper way so that it lined up with the share button. Creating the arrow on the bottom also took some research, but it was definitely very interesting and cool once I figured it out.

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

    I want to know if there are better ways of lining the nav bar at the bottom, because it currently feels like my CSS code is way more than it needed to be. Also, I used visibility: hidden, because for some reason display: none was not working for the socials nav bar. If someone could explain why that would be great!

    Article preview card with responsive socials nav bar

    1
    MhdSinanC•110
    @MhdSinanC
    Posted about 1 month ago

    nice effort dude, i didn't even know that we can use variables for all purpose.

  • Priya•120
    @Priya-lak
    Submitted about 2 months ago

    Testimonials grid section

    1
    MhdSinanC•110
    @MhdSinanC
    Posted about 2 months ago

    you need to recheck it bro, its not fully centered , and try to make it almost look like the design they given.

  • Yousef Adel•110
    @YousefAdelGit
    Submitted about 2 months ago

    responsive four card features

    1
    MhdSinanC•110
    @MhdSinanC
    Posted about 2 months ago

    your titles and paragraph are not in the correct size. just recheck with your whole project sizes.

  • Eleonora Stoyanova•70
    @elistoyanova
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm my second time making this project. It's been a while since the first try and since then I see improvement. Back then I needed to google some stuff in order to code them, but now I managed to fully make it by myself

    Product-preview-card-component-main

    2
    MhdSinanC•110
    @MhdSinanC
    Posted 2 months ago

    Hello there,

    Looks so identical, But your mobile design is not yet responsive. The image is shrinking. It need to be on the top in mobiles.

  • Komal Jatoi•210
    @komaljatoi
    Submitted 3 months ago

    Product Preview Card

    1
    MhdSinanC•110
    @MhdSinanC
    Posted 2 months ago

    check with price tag size: 2rem, if root default size is 16px. check with the font-weight of that description -- font-weight: 500;

    other than that , all looks identical. appreciate it.

    Marked as helpful
  • S-BDeveloper•50
    @S-BDeveloper
    Submitted 2 months ago

    Responsive recipe-page using pure HTML and CSS

    1
    MhdSinanC•110
    @MhdSinanC
    Posted 2 months ago

    need to check with the colors they already gave that in style.md

View more comments

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

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