Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
2

Victor Bruce

@victorbruceAccra, Ghana140 points

Frontend Web Developer

Latest solutions

  • Ecommerce Product Page using ReactJs and TailwindCss

    #react#tailwind-css

    Victor Bruce•140
    Submitted over 1 year ago

    0 comments
  • News Home Page using ReactJs, Typescript, TailwindCss, RTL

    #react#react-testing-library#tailwind-css

    Victor Bruce•140
    Submitted over 1 year ago

    0 comments
  • Used HTML5 and CSS to complete this project.


    Victor Bruce•140
    Submitted over 1 year ago

    2 comments
  • Product Review Card


    Victor Bruce•140
    Submitted over 2 years ago

    1 comment
  • HTML, CSS, Flex-box for responsive design


    Victor Bruce•140
    Submitted almost 5 years ago

    4 comments

Latest comments

  • Alex Gaignard•10
    @XelaG
    Submitted almost 5 years ago

    Social proof section made with HTML and CSS

    1
    Victor Bruce•140
    @victorbruce
    Posted almost 5 years ago

    For the scaling of the font, you could have used the clamp function to achieve that by specifying the max and min font-size. This function is new to me and I'm yet to use it. However, there is nothing wrong with setting different font-sizes at the various break-points.

    Moreover, I don't know any other way of displaying the five stars without repeating or copying and pasting the same line 5 times. This is HTML so you can't use js directly in here unless you're implementing this solution with a template engine or a library like React. A cleaner way around I think is to group all the stars into one SVG🧐.

    Lastly, I realized that the footer info showed up at the top of the cards rather than the bottom when viewing on mobile. I think you should take a look at that. Also, there was no SVG background image in your solution as well.

    But all the same I like how close your solution is to the design. Nice work done👏!

  • rutvik•120
    @rutvik110
    Submitted almost 5 years ago

    html,css and the flexbox display for responsive design

    1
    Victor Bruce•140
    @victorbruce
    Posted almost 5 years ago

    You're almost there. You can work on the images within the card so that they don't overflow their boundaries. Also, you will need to check your white-spacing especially at the header section where you have a heading and a paragraph of text.

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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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