Skip to content
Submitted about 2 years ago

Article preview component using Sass

John Lois Floro•300
@loifloro
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  • How to build the tooltip properly? I had a very hard time where to place it because the mobile and web placement is too different from each other.

Any feedback regarding on my solution will be a great help!! Thank you

Community feedback

  • バレンタイン 😈•64,170
    @VCaramesPosted about 2 years ago

    Hey there! 👋 Here are some suggestions to help improve your code:

    Regarding your question,

    Here is a link that will show you how

    https://css-tricks.com/the-shapes-of-css/

    • Change width to max-width in your component’s container to make it responsive.

    • The profile images Alt Tags need to be improved. It should state the following; “Headshot of -person’s full name-“

    • in "mobile" layout, the share container should cover the profile image when open.

    If you have any questions or need further clarification, feel free to reach out to me.

    Happy Coding! 🍂🦃

    0

Please log in to post a comment

Log in with GitHub

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