I find it difficult to center and position the image and text content side by side
Antoine Estievenart
@Kehs719All comments
- @OdiestaSubmitted over 2 years ago@Kehs719Posted over 2 years ago
This is a very nice submission @Odiesta, the size of the card is respected which is very nice.
However there are a few things to improve to make it perfect :
-
For the image that changes depending the device's screen size you can create a
div
and add the CSS propertybackground-image: url(./images/...) ;
. -
To avoid accessibility errors wrap your HTML body into a
main
tag :
<body> <main>...</main> </body>
For the rest it is very good.
Keep improving and happy Coding
Marked as helpful1 -
- @DevZardySubmitted over 2 years ago@Kehs719Posted over 2 years ago
This is a very nice submission DevZardy, however,getting the accurate dimensions on the project would be great and would help achieve a better look alike to the images from FE mentors, you can do that by using the design images in Figma.
For the image that change depending the device's screen size you can create a
div
and add the CSS propertybackground-image: ;
For the rest it is very good.
Keep improving and happy Coding
Marked as helpful0