Submitted 10 months ago

responsive share component

Ruan Figuereido• 500

@huanfs

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

i've dificult to position the links content correctly in small screens

Community feedback

Daniel 🛸• 44,230

@danielmrz-dev

Posted 10 months ago

Fala, Ruan!

Belo projeto! Parabéns!

Tenho umas dicas que podem te ajudar:

Tenta configurar uma max-width pro seu card, assim ele não cresce indefinidamente em telas maiores. Configurando isso, seu card só vai crescer até o valor que você definir.
Pra posicionar os links corretamente em telas pequenas, tenta fazer com que o seu javascript faça com que a sua div userComment desapareça e a shareLinks ocupe o lugar dela.

Espero que ajude!

Fora essas coisinhas pequenas, teu projeto ficou ótimo!

Marked as helpful

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord