Submitted about 4 years ago

Vanilla CSS using Grid, Flexbox, Relative, Absolute Position, Awesome

@mipsmonsta

A solution to the Article preview component challenge

Solution retrospective

Seems to have issue centralizing font awesome icon. In the end using translate and extra parent div to contain the FA icon. If you have a better solution, let me know.

The share bar trick to get to overlap the avatar segment fully, in the end use the absolute to parent (avatar segment) to solve this easily. Feel free to share your comment.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mipsmonsta's solution.

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