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

Joseph Goodwin

@jcgoodwin86Tampa, Florida100 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 site with CSS Grid


    Joseph Goodwin•100
    Submitted 10 months ago

    1 comment
  • Responsive Site using Grid


    Joseph Goodwin•100
    Submitted 10 months ago

    1 comment
  • Responsive Product Preview


    Joseph Goodwin•100
    Submitted 10 months ago

    1 comment
  • Responsive Page using Flexbox and Grid


    Joseph Goodwin•100
    Submitted 10 months ago

    1 comment
  • Social Links with Grid and Flexbox


    Joseph Goodwin•100
    Submitted 10 months ago

    2 comments
  • Using CSS Grid and Flex


    Joseph Goodwin•100
    Submitted 10 months ago

    2 comments
View more solutions

Latest comments

  • Yosef Hayim•210
    @YosefHayim
    Submitted 10 months ago

    Testimonials grid section main

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    Great job completing the project. I Tested the site on mobile it ends up with side scrolling because the cards end up breaking out of the body { width: 300px; }. A quick fix would be to move the padding: 5rem; from body and width: 100%; from each div card to the media break point.

    Marked as helpful
  • Juan•170
    @JuanTwoFour
    Submitted 10 months ago
    What challenges did you encounter, and how did you overcome them?

    Challenge faced on this problem was getting the page to center on bigger screens. Thankfully I was able to do this fairly simply after doing some research. Setting my html and body tag to a height of 100%. Next was adding display: table, margin auto to my html element. And finally I set my body tag to display: table-cell and vertical-align: middle. This made it easier to see how the page centered on any screen size.

    Four card feature section

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    I did the card layout with Grid to practice using it more, but I struggled. The way you did it with Flexbox looks more simple 👍. Centering with table-cell is interesting. Did you tried it with Flexbox or Grid? If you set body: 100vh; you can center it with flexbox.

  • devkhrmnturk•60
    @devkhrmnturk
    Submitted 10 months ago
    What specific areas of your project would you like help with?

    I am waiting for your comments, thank you for your valuable time.

    perfume-card

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    Nice job. I can't find anything to give feedback on besides suggesting adding a README.

  • Blaze•100
    @PaulAdetomiwa
    Submitted 10 months ago

    Responsive recipe description page

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    Overall, it matches the layout 👍. I would start looking into using semantic HTML and using the fonts that come included with the starter files.

  • petemac281•220
    @petemac281
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Overcame difficulties with layout fairly easily

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

    n/a

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

    N/A

    Social Links Profile

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    Everything looks excellent. However, the text seems to be a smaller size, which makes it a bit harder for me to see.

  • Ahmed Ali•70
    @ahmed412ali
    Submitted 11 months ago

    Blog preview card using HTML and CSS

    1
    Joseph Goodwin•100
    @jcgoodwin86
    Posted 10 months ago

    Looks great 👍. The HTML could be improved by using semantic HTML.

View more 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

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