3 column preview card HTML SCSS

Community feedback

• 

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  First of all, great work.

  Use some border-radius.

  The place you used main class make that main tag. That should solve the accessibility issue.

  In media query use 549 instead of what you are using, that should cover all the mobile devices.

  And don't use absolute positioning to center a element.

  Use align-items as center and justify-content as center to the parent element.

  You can see this article.

  Marked as helpful

  0

  ---

  

  Staniuu•260

  @St4niuuPosted over 2 years ago

  @Akhlak-Hossain-Jim thanks for the feedback, but look, I've got a concern because of this. Try to max zoom the website if you make it done you will see the top part of the website is hidden and you can't scroll up. How do I repair it? Overflow: scroll, min-width: 100% don't work, what can I do else?

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @St4niuu I actually didn't get your issue.

  0

  

  Staniuu•260

  @St4niuuPosted over 2 years ago

  @Akhlak-Hossain-Jim well, look. https://imgur.com/a/CRlADWE as you see on MY screen (maybe you got everything good). I can't scroll up like there is no website upwards. On the screenshot, it's shown that there should be a picture and the string is cut as well.

  0

  

  Akhlak Hossain Jim•1,325

  @Akhlak-Hossain-JimPosted over 2 years ago

  @St4niuu don't use fixed height in sections. It should resolve the issue.

  0

  

  Staniuu•260

  @St4niuuPosted over 2 years ago

  @Akhlak-Hossain-Jim so what things on the site should be set fixed. People set height as rem and nothing serious happens. There has to be some other mistake, I guess.

  0