@tbecreative
Submitted
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.
@adex-hub
@tbecreative
Submitted
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.
@adex-hub
Posted
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 as top
and transform: translate Y(50%)
Marked as helpful
@DaveMan-stack
Submitted
@adex-hub
Posted
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.