Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

four-card-feature-section-master

Pharmackβ€’ 320

@Pharm-ack

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Your comment is welcome

Community feedback

Kyrylo Lvovβ€’ 160

@kyrylolvov

Posted

Hey! πŸ˜€

Great job on this challenge! πŸ†

What I would recommend, is editing the min-width media query, as there are devices that have 320px in width, while your website is adaptive only until 375px πŸ™‚

1

Pharmackβ€’ 320

@Pharm-ack

Posted

@kyrylolvov Thanks bro

2
P
Graceβ€’ 27,870

@grace-snow

Posted

I was about to say the same thing ☺

I am. On mobile but seeing the desktop version all squished

If you're using min width media queries and working up to larger screens you don't need to put the mobile styles in a media query at all. They can form your base styles, then only change what you need in media queries as the viewport increases.

Good luck πŸ‘

0

Please log in to post a comment

Log in with GitHub
Discord logo

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