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

Semih Mert

@semihmertdevAntalya70 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-component-main


    Semih Mert•70
    Submitted about 1 year ago

    I am open to suggestions for improving my code.


    1 comment
  • Recipe page


    Semih Mert•70
    Submitted about 1 year ago

    Table design.


    1 comment
  • Social-links-profile


    Semih Mert•70
    Submitted about 1 year ago

    I don't want to.


    2 comments
  • blog-preview-card


    Semih Mert•70
    Submitted about 1 year ago

    "I tried to replicate the dimensions according to the Figma design one-to-one, but I struggled; I might need help with that."


    1 comment
  • qr-code-using-flexbox


    Semih Mert•70
    Submitted about 1 year ago

    "I want to correct my mistakes."


    1 comment

Latest comments

  • bttrvng99•140
    @bttrvng99
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I have been able to learn grid in CSS, as well as fitting images inside a div without overflowing. I would consider using grid if the design has even columns.

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

    I found it difficult to fit the with product info perfectly inside it's container using flex, so I changed to grid and found out that it also make the image fit inside the same container as well.

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

    I'm not sure what else, aside from making the whole card fit some screen sizes in landscape mode.

    Product preview card using flexbox and grid

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    The font weight on the button and the spacing between the shopping cart icon and the text should be increased. The font type and letter spacing of "Perfume" are incorrect. Additionally, the line-height in the title is also wrong.

  • Yuri Pedrozo•60
    @yuriown
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I managed to do the exercise without anyone's help and next time I would like to do the responsive one a little better.

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

    I believe my biggest difficulty was finding the exact sizes, even though I couldn't find them precisely, I believe I got very close to the ideal sizes.

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

    I would like to receive some tips on the responsiveness of the project, I'm having a lot of difficulty with this.

    Responsive Product Preview Card Component Project

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    You haven't designed for mobile, but the desktop design is quite successful.

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

    I think I could improve the design of the CSS classes to be able to reuse the code more efficiently.

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

    the biggest challenge was configuring parts of the text

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

    It is good that you help me improve my development in any aspect of the code or design

    html,css

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    Structured in an organized manner, understandable, and reusable.

  • MGDev25•220
    @TheWizCoder
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    This was a quick and nice challenge for me

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

    As usual I'm not sure if just setting the card width (which is in my code) is the best way to get the size I want...

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

    I want to know what is the best way to get the size I want...

    Social links profile

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    Congratulations. Successful.

  • Célia•30
    @Celia-HC
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Je suis contente d'avoir terminé le challenge assez rapidement, je sens que je progresse.

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

    Being as close as possible to the design

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

    My text sticks out from the map when the screen is very small - improving my responsive design

    Blog preview card

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    Congratulations, very good.

  • DarthEND•140
    @DarthEND
    Submitted about 1 year ago

    qr-code-component

    1
    Semih Mert•70
    @semihmertdev
    Posted about 1 year ago

    "The design on the preview site is not centered."

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

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