N/A
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
N/A
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
I think i am having trouble with images all the time. Couldn't adjust text section height like %70 of the card because img height didn't reduce ( height = 100%
wasn't there at start ) Tried flex .3, max-height etc. Also couldn't find how to crop img either. Maybe overflow = hidden
would work normally but here i used flex.
Hi @KapteynUniverse,
I hope you're doing well. I'm currently working on this project and facing some challenges with the social styling part. I've noticed that your work in this area is exceptional, and I admire your approach. I would like to ask for your permission to reference and follow your path to create my project better. Would it be possible for you to help me out?
Thank you in advance!
The grid on desktop, become more like a masonry layout rather than a a proper line-to-line structured layout. so if someone could tell me what's going on, I'd would really appreciate it.
Other than that, if there is something you see me doing wrong or if there is a better way to do something please let me know.
I appreciate any & all feedback.
Good job! The design looks good. I think the "Jeanette Harmon" section appears a little smaller. I think if you use these properties for your container, it would work better: " display: grid; grid-template-columns: repeat(4, 1fr); "
The style looks good, i think you can change the height of the card.
Well done,
To center the container you can use this code body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; }
I'm proud of my studies until now, through this project I challenged my basic HTML and CSS skills as a beginner and I saw that I'm making improvements. Next time I hope I will be more professional and do better working with CSS Flexbox and Grid Layouts
What challenges did you encounter, and how did you overcome them?I didn't encounter many challenges because the project was not so difficult with the skills I already learnt until now, but building a responsive page wasn't easy so to overcome that I just used media-query
What specific areas of your project would you like help with?I would like feedback about the responsive design, how to change the list style type color
Hello masalatimothy,
to change the list style type color you can use this property:
ul li::marker, ol li::marker{ color: ; font-weight: ; font-size: ; }
well done, If you used an avatar or icon, it would look much better.
finally i recreated solution with flex-box. in this i learnt about box shadow & concepts of pseudo (hover & focus). next time i will use it in my projects.
What challenges did you encounter, and how did you overcome them?i faced challenge in creating box-shadow for the card . i go through mdn document understand concept of box shadow.
will done, for a better layout, you can use padding: 20px; to add space inside the card. Also, increase the height and width to make sure all the content fits nicely.
Keep practicing, and you'll succeed. Trust the process and believe in yourself!
Congratulations, you have completed your first challenge.