Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
7
Peter Jacobs
@thisispeterj

All solutions

  • NFT-Preview-Card-Component with Cube CSS, BEM methodologies

    #bem#cube-css

    Peter Jacobs•190
    Submitted over 1 year ago

    I tried using the css cube method along with bem for the naming conventions. I am still new to this methodology so any tips or critiques on my html and css structure would be really helpful.

    Thanks! :)


    0 comments
  • Results Summary Component using CSS Grid, Flex and bem

    #bem

    Peter Jacobs•190
    Submitted over 1 year ago

    Any advice on being smarter with the amount of css and html I'm writing. What custom properties could I use to reduce the code I've written.


    2 comments
  • Testimonials Grid Section, css properties, bem and utilities classes

    #bem

    Peter Jacobs•190
    Submitted over 1 year ago

    I would really appreciate any guidance on the HTML organization and CSS classes I used for the cards. Specifically:

    • What is the most efficient and semantic way to name the cards with different colors
    • What is the most efficient and semantic way to name the cards for the grid template needed to position them in the desktop view
    • What is the best strategy for taking a box-shadow in a design, and converting that to CSS so that color, spread, blur and x/y positioning are accurate.

    1 comment
  • Responsive Four Card Feature using HTML, CSS, CSS Grid


    Peter Jacobs•190
    Submitted over 1 year ago

    Any help me with my HTML markup and CSS styles to make them more concise and efficient.


    1 comment
  • Product Preview Card HTML, CSS, Custom root properties


    Peter Jacobs•190
    Submitted over 1 year ago

    I would like to know if there is anything I can improve in my HTML setup, is it both efficient and semantic.Similarly for the CSS could I make it more concise or efficient in any way.


    1 comment
  • Skilled elearning Landing-page made with vanilla html and css

    #bem

    Peter Jacobs•190
    Submitted over 1 year ago

    The hero image, it's not perfect at every screen size. I was able to match it according to the figma design sizes of 375px, 768px, and 1440px. However there are some sizes in between that need fixing still.


    0 comments
  • Recipe Page using sass, css variables, flex

    #sass/scss

    Peter Jacobs•190
    Submitted over 1 year ago

    Setting up SASS, and pushing it to a repo where the scripts for it can be ran. If anyone has more feedback on my setup, or links to resources I would love for you to share. Thanks


    0 comments
  • Blog Preview Card


    Peter Jacobs•190
    Submitted over 1 year ago

    When it comes to a simple card design, what are the appropriate heading levels to use? My submission was flagged initially for not having an h1 tag.


    2 comments
  • HTML and CSS social links challenge


    Peter Jacobs•190
    Submitted over 1 year ago

    Are there any areas that can be approved for code efficiency and conciseness


    1 comment
  • Responsive QR code challenge, with semantic HTML, CSS


    Peter Jacobs•190
    Submitted over 1 year ago

    Writing semantic and efficient code


    2 comments

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