Skip to content
OverviewSolutions
14
Comments
11

Hamza Naeem

@hamzafrontendPakistan260 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!

I’m currently learning...

Frontend Developement

Latest solutions

View more solutions

Latest comments

  • CasperTheChild•420
    @CasperTheChild
    What are you most proud of, and what would you do differently next time?

    I'm proud of exploiting variables.

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

    I had some challenges using 'em' and 'rem' when trying to define font sizes and shapes.

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

    "I don't know why my code doesn't center the 'attribution' element when the width is less than 500px. Is my semantics correct? When I tried: "css body { display: grid; place-items: center; }" the 'attribution' was positioned too far down. I couldn't solve it.

    Also, how can I set the card's width more effectively, other than using width: 30vw?"

    Html, CSS Flexbox, CSS transition, Google fonts.

    #accessibility
    2
    Hamza Naeem•260
    @hamzafrontend

    Use text-align: center; on .attribution class.

    Marked as helpful
  • Luca•140
    @TofeDev
    What are you most proud of, and what would you do differently next time?

    I'm proud that I learned CSS Grid!

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

    I tried to code it using flexbox but it was a mess. So I learned how to use grid and it was perfect!

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

    Any help is welcomed!

    Responsive Testimonial Grid

    1
    Hamza Naeem•260
    @hamzafrontend

    I must say it looks nice, good try.

  • Itoro (Celine) James•200
    @CelineJames
    What are you most proud of, and what would you do differently next time?

    I cant really say, it has really been challenging, i stayed the longest on this project, really had a hard time on the grid layout and bringing the cards together in that way, did try something but it felt wrong to do it that way.

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

    The grid layout was my major challenge, i combined the grid layout and positioning, i was not really sure it was going to work out at all, but it somehow did.

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

    i would return and take more lessons on css grid, but it was really challenging, then ill do a refactor of the code and design.

    CSS grid, CSS flexbox

    2
    Hamza Naeem•260
    @hamzafrontend

    Its no doubt a really good try, follow mobile design first approach, make the main tag display grid for small screen and for bigger screen make 3 columns using grid-template-column and make 3 cols, inside the main place 2 individual cards, and remaining 2 cards wrap them in a div and then put these 3 divs inside a main, and on big screen when you have 3 columns the desired layout would be ready, you could check my solution on my profile as well, if you want any help, feel free to message me.

    Thanks, Hamza N.

    Marked as helpful
  • Hamza Naeem•260
    @hamzafrontend

    Well done, add padding around the text content.

  • João Xavier•230
    @joaoxavier-profissional
    What are you most proud of, and what would you do differently next time?

    didn't use any tutorials or guide, remade it just by eye looking, collors may be different (i'm colorblind)

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

    i didn't know that you can style the markers of the

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

    last item in the table

    style made with flexbox, table

    1
    Hamza Naeem•260
    @hamzafrontend

    Overall good, use list-style-type: disc; on list, and use color property to change bullet color.

  • Darius•50
    @dariushill
    What are you most proud of, and what would you do differently next time?

    "The proudest moment for me was actually completing this project with minimal help. To me, that signals that I'm learning and getting better with each challenge I take on."

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

    "A challenge I encountered in this project was managing the active state when the user hovered over any of the social link buttons. The selected font color for the buttons was white, but when the cursor is placed over the button, both the button and font colors changed. I took some time to think about the issue, and eventually, I was able to overcome this challenge."

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

    none at the moment

    HTML and CSS

    1
    Hamza Naeem•260
    @hamzafrontend

    Good try, keep up the good work.

View more comments