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

Benhemin

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

  • Article Preview Component using SCSS/HTML and Vanilla JS

    #sass/scss

    Benhemin•180
    Submitted about 1 year ago

    I still don't fully understand how to dynamically size things so that they 1. still match the design exactly, and 2. seamlessly change size while looking good.


    1 comment
  • Meet Landing Page using SCSS and HTML

    #sass/scss

    Benhemin•180
    Submitted about 1 year ago

    .


    1 comment
  • Testimonial Page using CSS Grid and Sass

    #sass/scss

    Benhemin•180
    Submitted about 1 year ago

    I would like some help on handling dynamic font sizes, and keeping proportions of divs/content containers so that everything looks the same as the screen size begins to change before the hard transition caused via media queries. Is there in easy way to do this so that things still look great regardless of the size in between desktop/mobile size?


    1 comment
  • 4 Card Feature section using SASS/SCSS & HTML!

    #sass/scss

    Benhemin•180
    Submitted about 1 year ago

    I would like some best practices on dynamic/responsive sizing for fonts and what is best practice for the transition moment between desktop and mobile styles?


    0 comments
  • Product Preview Card Component using HTML & CSS with responsive design


    Benhemin•180
    Submitted about 1 year ago

    .


    1 comment
  • Social Links Profile using HTML, CSS, & JavaScript


    Benhemin•180
    Submitted about 1 year ago

    .


    1 comment
View more solutions

Latest comments

  • ajkun55•1,400
    @ajkun55
    Submitted about 1 year ago

    Article preview component

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    You did a great job on making it look really close to the design good job!

    If you want to go back and touch it up, somethings I notice are the lack of a box shadow on the main card, and the proportions of the 2 columns are slightly off compared to the design.

    Marked as helpful
  • luccyyy97•140
    @luccyyy97
    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?

    not sure why site view on git-hub altered my top-image size become particularly small. however when view through visual code the image look exactly like I wanted.

    Landing Page

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    I see the page isn't the entire size of the viewport. You should set your HTML and Body HTML tags to width/height : 100%, so that for every screen size the page will take up the entirety of it!

  • lifeguard1•40
    @lifeguard1
    Submitted about 1 year ago

    Testimonials grid section

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    You handled the core issue, that being CSS Grid. Good work!

  • Maximilian Dybvik•200
    @RegexRiddler
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm glad I figured out how to properly layout the cards using grids.

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

    I started laying out the cards uting flex, but adjusting them so the ones on the left and right side where offset/centered became impossible so I had to use grid instead.

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

    Any feedback is much appreciated :)

    Four card feature section

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    Looks great! I really like how you handled the dynamic font sizing, I haven't begun to do that yet.

    Your code is very clean and readable. Good job and keep up the good work!

  • Javier Alberto Vásquez Suárez•700
    @JaviVaSu
    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?

    .

    Product Preview Card Component

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    Looks great! Keep up the good work

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

    nor

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

    nor

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

    nor

    flex

    1
    Benhemin•180
    @Benhemin
    Posted about 1 year ago

    .

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