Again, I struggled with the responsiveness of the app. It's a lot that I need to work on when it comes to that. So far, I loved working on this project the most.
Adeola
@adex-hubAll comments
- @tbecreativeSubmitted about 1 year ago@adex-hubPosted about 1 year ago
Hi Terriona, nice solution but in order to center the cards vertically consider adding the following code to the parent element of the two cards.
display: flex; flex-direction: column; align-items: center;
If that doesn't work you might need to center it vertically using
position: absolute
and CSS properties such astop
andtransform: translate Y(50%)
Marked as helpful0 - @adex-hubSubmitted over 1 year ago@adex-hubPosted over 1 year ago
This is my first ever react project. Just started learning react some days ago and I felt like this is the perfect project to build. So please React devs tell me some improvements I can make and in what areas.
0 - @DaveMan-stackSubmitted over 1 year ago@adex-hubPosted over 1 year ago
It looks cool but add transitions to the parent elements of the hover state as this would help the hover state to feel a lot smoother.
For your html validation, delete the srcset attribute on the image tag and fill in the alt attribute on the image tag as well as this would help the user understand what is meant to be in the image's position on the webpage in case the image doesn't load due to bad/slow network or other issues.
0