Skip to content
OverviewSolutions
4
Comments
2
Gabriel P. Santos
@Gabriel7ven

All comments

  • Allison Crochet•30
    @amcrochet3Submitted almost 2 years ago

    Ideally, the media query would apply when the screen is 375px wide. In my code, however, I've set the max-width to 1000px to make previewing/inspecting the page's responsiveness easier on a desktop device.

    Product Preview Card Component

    1
    Gabriel P. Santos•80
    @Gabriel7venPosted almost 2 years ago

    Hello! I guess this a interesting approach and a smart solution because we don't need to be worry about screen size devices between 375px and desktop width. When compared ours projects, the my seems more back-breaking and your seems more easy to core. In my project I used two media queries to provide responsiveness. One is '@media only screen and (max-width: 600px)'. The second is '@media only screen and (max-width: 500px)'. Both media queries were placed to fit better the leading panel height. Thank you so much for your solution, it helped me a lot. I'm sorry if I made some grammar mistakes in this feedback, I'm a Brazilian learning english.

    Marked as helpful
    1
  • Gabriel P. Santos•80
    @Gabriel7venPosted almost 2 years ago

    Hello friend! I'm beggining in html and css and I was blown away with a new knowledge that I learned by reading your project's css: the ':root' property. The ideia of "variables" seems very useful. I pretende include into my next projects. Thanks a lot for sharing this solution. I'm sorry if I made some mistakes in writing in english. I'm Brazilian learning this beautiful language.

    Marked as helpful
    1