Preview Component Master Using CSS Grid and flexbox

Well done! in addition to @Remus432 feedback , the share preview is missing the triangle , you can create it by making the preview container relative and add ::after to it like this:

.preview-conatiner{

...

position :relative

}

.preview-conatiner::after {

  content: "";

  position: absolute;

  left: 50%;

  transform: translate(-50%, 0);

  width: 0;

  height: 0;

  border-left: 12px solid transparent;

  border-right: 12px solid transparent;

  border-top: 13px solid #48556a;

}

you can see the solution on my profile to understand it better.

hope this feedback helps.

Congrats on completing the challenge, @alexSiqueiraLp!

It looks pretty good overall. I have a few suggestions to offer after looking at your final solution:

• The font weights for your text are different compared to those in the design. Yours are too bulky

• There is no box-shadow on your article

• The share button doesn't toggle as expected. You can only open the share menu but not close it

• On mobile resolution, the button disappears after the menu is opened

After you make these tweaks, your solution should look even better.

Keep up the good work!

Thank you so much for the tips!!! I've already added them.