Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
12
Comments
3

Bernard

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

  • Responsive Product Preview Card Component


    Bernard•195
    Submitted over 2 years ago

    0 comments
  • Responsive News Homepage


    Bernard•195
    Submitted over 2 years ago

    0 comments
  • Coming soon page mobile first using html css js


    Bernard•195
    Submitted over 3 years ago

    1 comment
  • Mobile first Article Preview usint html, css and js


    Bernard•195
    Submitted over 3 years ago

    1 comment
  • Order summary mobile first with html and css


    Bernard•195
    Submitted over 3 years ago

    2 comments
  • Tip calculator using html, css and js


    Bernard•195
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Ross0804•50
    @Ross0804
    Submitted about 4 years ago

    Mobile First Social Proof Section using SCSS and Grid

    1
    Bernard•195
    @Bernardanxiety
    Posted about 4 years ago

    Hello there. I am a beginner myself but what i see and think is wrong is that You used transform: translateY on bottom cards. I think that this would overflow any content under it,. You may want to seek another solution to this. I didn't know how to add height to the container so i just added margin-top to them. If you go to developer tools and hover over your container, You will see that they spill outside of it.

  • Jade•105
    @jadetrue
    Submitted about 4 years ago

    Stats Preview Card - using Flexbox and Grid

    2
    Bernard•195
    @Bernardanxiety
    Posted about 4 years ago

    Just to clarify, im a complete beginner just like You trying to learn just like You but what i can already see is not that relevant to the look of it but to semantics of Your html. 10k+, 314 and 12M+ definitely shouldn't be h1s, there should only be 1 h1 per page. On top of that, i didn't do that myself but the "Get insights..." itself shouldn't be a h1 but rather a h2 and those that i mentioned earlier should be like h3s as the challenge is like a section of a whole page i think.

    2nd, just an idea, i think You can separate the card into 2 divs, the text and the image and give each 50% of the width of the container so You have more space for the text, see how Your bottom stats are stuck together? If You had more space, You could use flexbox to space them out.

  • Sara•180
    @saravdberg
    Submitted about 4 years ago

    3 Column Preview Card

    2
    Bernard•195
    @Bernardanxiety
    Posted about 4 years ago

    Wow, from a newbie viewpoint, your solution is very clean. I love it!

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