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

Burak CLN

@brkclnTurkey385 points

I'm a developer who works for difficult projects who don't like easy projects. Especially puzzles and challenges. A developer who is always after the best practice.. Frontend Development

I’m currently learning...

React, Nextjs, Ecmascript..

Latest solutions

  • interactive-rating-component-main

    #bem

    Burak CLN•385
    Submitted about 3 years ago

    0 comments
  • Huddle-landing-page | Flexbox, BEM


    Burak CLN•385
    Submitted almost 4 years ago

    0 comments
  • ping-coming-soon-page-master | Flexbox, BEM, JS validation


    Burak CLN•385
    Submitted almost 4 years ago

    0 comments
  • Single-price-grid-component | Flexbox, Grid, BEM


    Burak CLN•385
    Submitted almost 4 years ago

    0 comments
  • sign-up-form | Flexbox, BEM, javaScript Validation


    Burak CLN•385
    Submitted almost 4 years ago

    1 comment
  • coming-soon-page | Flexbox, grid, BEM, JavaScript


    Burak CLN•385
    Submitted almost 4 years ago

    0 comments
View more solutions

Latest comments

  • Agastya Rajawat•10
    @Agastya909
    Submitted almost 4 years ago

    Order summary checkout page.

    2
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hey there, thanks for the sharing.. There are many ways for centering,

    • You may wanna look at this link. This might be what you're looking for.
  • Patricia Hurst•80
    @patricia-hurst
    Submitted almost 4 years ago

    3 Column Component with Flexbox & SASS

    1
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hey there, thanks for the sharing your work. Its pretty good. But i can say 2 3 thing about that.

    • its not centered, may wanna look at ..(You can use flexbox for that.)
    • setting fixed "height" and "with" not a good practice can overflow when text too much,
    • for padding and margin may wanna use "em" units, "rem" better for "font-size" good work keep up^^
  • Sebastian•35
    @PulseFiction
    Submitted almost 4 years ago

    Article Preview Component

    1
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hello there, thanks for sharing your work. I can say 2 3 thing about your work..

    • Avoid to set "width and height" most of time you don't need,
    • Don't use "Pixel" for width, height its not a good practice and not responsive, use "em, vh or %" can search it. Padding and margin use "em" for sure..
    • Don't set width on body not a good practice,
    • For font-size you can use "rem" more responsive and new try to avoid "pixel",
    • And its not centered use of "height, left, right" etc.. Keep up ^^
    Marked as helpful
  • Dušan Lukić•1,660
    @dusanlukic404
    Submitted almost 4 years ago

    Responsive Stats preview component card with HTML, CSS.

    1
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hello there, thanks for sharing.. i can say 2 3 thing for your work.

    • Its looking like this on "chrome" https://prnt.sc/1qee9ew, and "opera" https://prnt.sc/1qee9xe lookin like this maybe wanna look at..
    • When i resize the screen its look like this https://prnt.sc/1qeea8c,
    • On tablet its overflowing https://prnt.sc/1qeeap5,
    • avoid to set "height" if u really wanna set height do it on "parent" like main.. keep up^^
    Marked as helpful
  • Sandy Marrone•145
    @sandymarrone
    Submitted almost 4 years ago

    Order Summary responsive Pure CSS

    1
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hello there, Thanks for submitting your project. You did well, 3 - 4 thing i can say..

    • avoid to set "height" not a good practice (most of time),
    • I see unnecessary codes in the codes you wrote. Maybe you wanna look at,
    • For the font size try to use "rem" instead of "em" [watch this] (https://www.youtube.com/watch?v=pautqDqa54I)
    • Can add "main",
    • Can add "container" better experince, good work, keep up :)
    Marked as helpful
  • Tejas Shekar•10
    @TejasShekar
    Submitted almost 4 years ago

    Built using purely HTML and CSS

    2
    Burak CLN•385
    @brkcln
    Posted almost 4 years ago

    Hey there, Thanks for the posting your work.. For your 2.question

    • Have look at your "file path", probably problem here.. Look Here
    • I don't fully understand the problem. This can help; [shadow generator] (https://cssgenerator.org/box-shadow-css-generator.html)
    Marked as helpful
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