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

Ben

@vBenTecTenerife300 points

Hey everyone, I am Ben a web developer. My skills are HTML, CSS, SASS, JavaScript

I’m currently learning...

Mastering Java Script

Latest solutions

  • Vanilla JS for Rest Countries API


    Ben•300
    Submitted over 3 years ago

    0 comments
  • Responsive design, grid, flex-box, custom variables,

    #sass/scss

    Ben•300
    Submitted over 3 years ago

    2 comments
  • Mainly Css flexbox and grid


    Ben•300
    Submitted almost 4 years ago

    0 comments
  • Mobill first, flex box, grid for footer


    Ben•300
    Submitted about 4 years ago

    2 comments
  • Only Css no Java Script


    Ben•300
    Submitted about 4 years ago

    0 comments
  • Responsive layout mix of Grid and Flexbox


    Ben•300
    Submitted about 4 years ago

    1 comment
View more solutions

Latest comments

  • Jennifer•220
    @Jennifer1919
    Submitted over 3 years ago

    Stats preview card component Using Flexbox and CSS Grid

    4
    Ben•300
    @vBenTec
    Posted over 3 years ago

    Hi Jennifer,

    What you can do is to add a div on top of your image with position relative, or absolute and then set a z-index to a positive integer and add pink background with an opacity.

    Another solution would be to use simply the filter generator to add a pink effect. You can try to use this one   👇 https://cssgenerator.org/filter-css-generator.html

    Marked as helpful
  • JP3ra•90
    @JP3ra
    Submitted over 3 years ago

    Space Tourism Website using HTML, CSS and Javascript

    3
    Ben•300
    @vBenTec
    Posted over 3 years ago

    Hello, What I would suggest is to implement the hover effect on the landing page on the explore button. Another thing you could do is to use the view heights unit on the pages, there is a good use-case for that so you do not have the scroll down the page and all content is within the viewport.

    You could also work a bit more on the responsiveness part. I noticed by resizing your window the page is stuck on the left side and you did not implement the mobile version, so work on your media queries. You could also have a look over your spacing.

    Rest well-done congrats.

    Marked as helpful
  • Wayne Rafael Rodriguez Pinales•50
    @waynerafael15
    Submitted over 3 years ago

    Base-Apparel-Coming-Soon-Master. Use CCS Flex Box

    2
    Ben•300
    @vBenTec
    Posted over 3 years ago

    Hello Wayne, Congrats for your work.

    I noticed some things you could improve.

    1. Background image
    2. Visual hierarchy paying more attention on the whitespace, line-spacing
    Marked as helpful
  • Ben•300
    @vBenTec
    Submitted over 3 years ago

    Responsive design, grid, flex-box, custom variables,

    #sass/scss
    2
    Ben•300
    @vBenTec
    Posted over 3 years ago

    Hey Mariusz, Thanks for checking out my solution! I saw the problem and fixed it. It occurred because I tried out some transition effect for the modal window and forgot to add back visibility:hidden, that why the modal window was partly invisible hiding the navbar. Thanks actually for the hover I did that on purpose, but you are right it might be a bit too slow :D. Yeah, especially with all dynamic data the span is a great element to use.

    For the amount input number, I reset the number, because actually when you submit the data for the cart I thought it is a nice effect because the little span above the cart icon shows then the current amount you have already in the cart.

    Have great day!

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