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

Metin Ahmet Erkeleş

@metinahmeterkelesBursa150 points

Engineer

Latest solutions

  • Responsive Newsletter

    #react

    Metin Ahmet Erkeleş•150
    Submitted 12 months ago

    1 comment
  • Frontend Mentor - Dictionary web app

    #next

    Metin Ahmet Erkeleş•150
    Submitted 12 months ago

    0 comments
  • Responsive article preview component using CSS Flexbox


    Metin Ahmet Erkeleş•150
    Submitted about 1 year ago

    1 comment
  • Responsive testimonials page using CSS Grid


    Metin Ahmet Erkeleş•150
    Submitted about 1 year ago

    I would like to get help on how to create the layout structure and whether the mobile or web design should be coded first in the given design.


    1 comment
  • Responsive Four Card Feature using CSS Grid


    Metin Ahmet Erkeleş•150
    Submitted about 1 year ago

    I would like to get help on how to create the layout structure and whether the mobile or web design should be coded first in the given design.


    1 comment
  • Responsive Product Preview Card using CSS Flexbox


    Metin Ahmet Erkeleş•150
    Submitted about 1 year ago

    Responsive layout


    1 comment
View more solutions

Latest comments

  • P
    Robert Crocker•410
    @robcrock
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    The process template I created has sped up my development efforts quite a bit. This was the shortest amount of time I have spent on the initial set up yet.

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

    I wish the Figma Layout were better, but I manage to get through those. I would say that the stack I'm using is serving me well. The more often I use it and the more frequently I use it the better I will get at it.

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

    Feedback on my style and the how I chose to break up the components would be helpful.

    Newsletter Sign-up form with Success Message

    #react#tailwind-css#zod#next
    1
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted 12 months ago

    good job

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

    I am most proud of the Sass variables working correctly. I had to do some research, and ultimately followed Jessica Chan's Youtube video on the subject. Have not decided if I will stick with them; I may just go back to css variables.

    I also learned how to use sass maps. I did not end up using them, as they added nothing in this instance.

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

    I was challenged mainly in sass variables and getting them to work. I also struggled with maps. I initially had problems with the image not loading, but I was using an incorrect file path

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

    nothing in particular

    Social Media links made with Sass using Sass variables

    #sass/scss
    1
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted about 1 year ago

    congratulations

  • Alexander Barquero•200
    @alekelbar
    Submitted over 1 year ago

    article preview component (alekelbar)

    1
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted about 1 year ago
  • P-Mingi•170
    @P-Mingi
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    ~

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

    ~

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

    ~

    Testimonials grid section - HTML/CSS

    1
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted about 1 year ago

    congratulations

  • Duy Anh Le•120
    @leanhduy
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Receive feedback & suggestion from fellow developers for previous challenges and be able to apply those suggestions to this challenges.

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

    Applying grid system for both the cards container and the cards themselves seemed to work on firefox, but the elements alignment is messed up in other browsers (chrome & edge). I fixed them by changing the display of the cards from grid system to flexbox.

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

    If you can point out anything that violates the best practices of HTML and CSS in my code, I would be very appreciated and gladly learn from it.

    Four card feature with flexbox and grid layout (HTML & CSS only)

    2
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted about 1 year ago

    good job

  • Khalid Benhamou•150
    @5alidev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I have completed this project easily, and what I would do differently next time is maybe use grid instead of flexbox.

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

    The challenge I encountered was with the mobile-first approach, as it's my first time working with it.

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

    I would like help with the mobile-first approach.

    Responsive product preview card component

    1
    Metin Ahmet Erkeleş•150
    @metinahmeterkeles
    Posted about 1 year ago

    Good job

View more comments
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

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