Skip to content
Submitted over 3 years ago

HTLM, CSS, JavaScript, Media Queries, Grid, Flexbox

Carlos•1,110
@Carlos-A-P
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

  1. how can I change the color of my share arrow SVG icon? I was able to change the background but not the arrow itself
  2. is there a way to make sure all of the browsers look the same instead of using individual media queries? I noticed that the app in mobile view looked different in firefox so I added a media query for that browser

Community feedback

  • Veronika Palto•305
    @JepardMayPosted over 3 years ago

    Hello. I found that on 320px the bottom-container is going off the container https://gyazo.com/eeecf9eff43a38588d60a1c7c77f1c88. 320px is a minimum width that is worth checking. About your second question. Browser engines are quite different from one another. If you want to know more about it, read about browser rendering.

    1
    Carlos•1,110
    @Carlos-A-PPosted over 3 years ago

    @JepardMay Ok thank you, I spotted that but didn't know it was the min-width. I'll make sure to check out browser rendering too, thanks again for your feedback!

    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