Skip to content
OverviewSolutions
12
Comments
1
Sasha Herman
@SashaH62

All comments

  • Sasha Herman•270
    @SashaH62Posted 10 months ago

    Great job with the project. 👍

    Some suggestions to assist with the layout:

    • Instead of placing the SVG directly into the markup, you can use an <img /> tag and set the source to the image in your assets folder. This will allow you to add a container around the <img /> tag so that you can contain the image (use 'object-fit: contain' on the <img /> tag) and add a border radius to the container.

    • Instead of adding margin to the individual elements to create space inside the container, add padding to the container itself so that the elements share the same padding relative to the container.

    • To achieve the same box-shadow that is in the example, set the blur to 0 and the opacity to 1 (try box-shadow:8px 8px 0px 0px rgba(0,0,0,1)).

    Hope some of this can help. 👋

    Marked as helpful
    1