Skip to content
OverviewSolutions
14
Comments
11
Hamza Naeem
@hamzafrontend

All comments

  • CasperTheChild•130
    @CasperTheChildSubmitted about 2 months ago
    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.

    2
    Hamza Naeem•260
    @hamzafrontendPosted about 2 months ago

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

    Marked as helpful
    0
  • Luca•120
    @TofeDevSubmitted 3 months ago
    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
    @hamzafrontendPosted 3 months ago

    I must say it looks nice, good try.

    0
  • Itoro (Celine) James•160
    @CelineJamesSubmitted 3 months ago
    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
    @hamzafrontendPosted 3 months ago

    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
    0
  • Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    Well done, add padding around the text content.

    0
  • João Xavier•230
    @joaoxavier-profissionalSubmitted 3 months ago
    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
    @hamzafrontendPosted 3 months ago

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

    0
  • Darius•50
    @dariushillSubmitted 3 months ago
    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
    @hamzafrontendPosted 3 months ago

    Good try, keep up the good work.

    0
  • abdumehammed•40
    @abdumehammedSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    it was a bit difficult but i have managed to solve it eventually

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

    understanding the layout of a webpage specially centering element has been difficult for me to understand

    this project shows a blog review card done by using pure html and css

    1
    Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    It looks good, use the box-shadow property in CSS to create a shadow as well, and try to match the border-radius, avatar size, overall good try/

    0
  • Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    Seems incomplete.

    0
  • Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    How did you change the logo color to white in the footer?

    1
  • Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    Did you add any animation as mentioned in README?

    • Bonus: See the chat interface animate on the initial load
    0
  • Hamza Naeem•260
    @hamzafrontendPosted 3 months ago

    Its not responsive for smaller screens.

    0