Hi Daniel Zeljko,
Congratulations on completing the project. I appreciate how clean and modular your CSS code is. I noticed that you used the <picture>
element to load different image resources for desktop and mobile versions based on the screen size. Coincidentally, I was introduced to this method just yesterday through feedback on my solution.
In the solution screenshot of the desktop version of the component, the picture and text containers equally divide the card component, but this isn't the case in your solution. To fix this, I suggest adding the box-sizing
property with the value border-box
to all elements, and then setting the widths of the picture and text components to 50% for the desktop version of the component. This should resolve the issue.