Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
20
Luke
@lukebergmann

All comments

  • Abbas Saad•260
    @AbbasSaad27
    Submitted over 4 years ago

    Huddle Landing Page with a single introductory section with HTML & CSS

    3
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Abbas,

    This code is looking really great! The others to reply definitely covered a ton! The one thing I would double check it the font-color of the 'register' button. I believe you chose the pink color when it should be the plum color! Other than that, this is looking dope!

    Happy Coding! Luke

  • mohamed maghraby•220
    @mohamed1maghraby-div
    Submitted over 4 years ago

    Four card feature section using pug , sass , gulp

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey there Mohamed,

    This code is looking fantastic. As mentioned above, the font-size at the top heading could have a little bit of work. The box-shadow is could be a little more noticeable as well!

    Happy coding!

    Luke

  • Hector Gustavo MaRin•30
    @AuiPaul
    Submitted over 4 years ago

    Profile Card sass bluuweb

    1
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey @AuiPaul,

    This code is looking really nice! I like the fact that you added your own spin to it. It's the best way to learn haha. I would suggest tweaking the size of the profile card. It is looking slightly more rectangular on the vertical axis. This gives more of a stretched illusion that seems claustrophobic. Making it more square adds a bit of breathing room. All in all, this is a pretty good code!

    Happy coding my friend, Luke

  • positivevibes•205
    @posivibez
    Submitted over 4 years ago

    Profile card component

    4
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Tyler!

    Your code is looking pretty spot on! I can't think of anything to add other than, keep it up. You're killing it!

    Happy coding, Luke

  • Jhonatan•40
    @JhonnK08
    Submitted over 4 years ago

    HTML, CSS and Flexbox challenge

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Johnathan!

    This was the first challenge that I completed and I definitely had difficulties as well haha. None the less, this looks great! I would suggest making minor tweaks to the profile card shape. Right now, it is looking slightly long vertically. This gives it a stretched look with not a lot of breathing room within the card. I would tuck in the 'London' word closer to Victor Crest to give the bottom portion a little more space. You also may want to consider throwing a box-shadow on that bad boy and you're set!

    Happy Coding, Luke

  • Mathis Tressard•160
    @zathio
    Submitted over 4 years ago

    Profile Card Component with Tailwind CSS

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Yo, this looks pretty much identical!

    Happy coding! Luke

  • EJ•170
    @nicole-nam
    Submitted over 4 years ago

    Responsive profile card :)

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Nicole,

    Your solution is looking fantastic! Honestly, the only thing that stands out to me is the height and boldness of your 'horizontal rule' above the logistics section. It has an effect that almost looks stuffy and high up. Lowering the hr slightly and making it thinner will give the entire profile card more breathing room!

    Happy Coding,

    Luke

  • Ryan•10
    @bottbott
    Submitted over 4 years ago

    Price Component with HTML and CSS

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Ryan!

    This is looking pretty spot on. The sizing is looking great. Two things that I would suggest would be first, to size the main box a little more rectangular. It is seeming a little squishy the more square the shape. A rectangular shape may give the whole layout a little bit of room to breath. Secondly, I would focus my attention onto the harshness of the box shadow. In the Design version, the shadow drops from the top whereas yours sort of encompasses the entire box. Eliminating the top shadow will have more of an believable and crisp effect!

    Honestly, it's looking pretty dope, keep it up!

    Happy coding, Luke

  • Akshay Kaushik•10
    @heisenberg-7
    Submitted over 4 years ago

    profile card using html and css

    1
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Akshay!

    This looks really good! I would suggest working a little bit on the horizontal rule. It is seeming a little dark compared to the original. Also, a shadow behind the card would definitely make it pop off the screen a bit more!

  • Dave Collison•115
    @thebigdavec
    Submitted over 4 years ago

    vanilla CSS and HTML with flexbox and grid. Plus pseudo elements.

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    This is great! I can't decide if I like yours or the original better!

  • Pedro Gasparini Martins•60
    @PedrinhoGM
    Submitted over 4 years ago

    Social Proof Section

    1
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    This looks fantastic. I would consider working a little bit on the spacing between the subheading (beneath "10000+ text) as well as a little less spacing between the purple review boxes! Other than that, this looks almost identical!

  • Dušan•210
    @osmonoh
    Submitted over 4 years ago

    css: flexbox, @media

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hi Dusan, This is looking really great! Visually, I can't see anything wrong!

  • Daniel Juergens•90
    @DanielJ1337
    Submitted over 4 years ago

    Desktop-first using only HTML and CSS

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey Daniel! This is looking really awesome. It seems to show up smaller compared to the design template. Other than that, it looks spot on!

  • Tiass•295
    @Tiasstiass
    Submitted over 4 years ago

    Responsive social section with flex

    3
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Wow, this is pretty perfect! Incredible job!

  • Kenard Ellis•255
    @Nard00
    Submitted over 4 years ago

    Social proof section using grid and flexbox

    3
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Other than the font weight under the main heading, this looks incredible! Great work.

  • Erik Tangvik•255
    @Etang131
    Submitted over 4 years ago

    Social proof section

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    I like yours better than the design! It looks really great!

  • Ezequiel Castellanos•50
    @ezzep66
    Submitted over 4 years ago

    Resposive layout with media queries

    2
    Luke•220
    @lukebergmann
    Posted over 4 years ago

    Hey ezzep66, this looks really awesome, great job! I would suggest spacing the bottom plum coloured boxes a little further apart and making box shape slightly more rectangle rather than square!

    Cheers!

    Luke

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

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