Responsive Website Using CSS Flexbox and Media Queries
Design comparison
Solution retrospective
Curious how well I did with media queries. Thinking of using CSS Grid for my next build, would this help cut down on media queries?
Community feedback
- @mattstuddertPosted over 4 years ago
Hey Stone, nice work on this challenge! You've done a really good job. Your media queries look fine. There are a few moments on a small tablet screen size where the images look a little small when compared with the content. So that would be worth reviewing.
Using CSS Grid can definitely help reduce media queries in certain places. Here's a great CSS Tricks article that goes into some of those techniques. CSS Grid is extremely powerful, so it's well worth learning.
I'd recommend taking a look at your solution report as well and try resolving the accessibility and HTML validation errors.
Keep up the great work!
1@stone-leidersonPosted over 4 years ago@mattstuddert Thank you for the feedback! Love the community and challenges you and your team have made. I'm confused about how to solve the accessibility and HTML validation errors as most of them seem to come from using the fontawesome library. Is there some documentation that I could refer to so I can resolve those issues?
0@mattstuddertPosted over 4 years ago@stone-leiderson that's great to hear that you're enjoying the challenges and love the community.
I had a little look into the Font Awesome one and because the CSS links are being injected into the DOM there's little you can do. So don't worry about those.
I would try and resolve the ones about the inputs and social media links. Try Googling the error messages to see if you can find a solution. Once you've pushed the new code to GitHub you can generate a new report to see if the errors have been fixed.
Let me know if you get stuck or have any more questions 👍
0
Please log in to post a comment
Log in with GitHubJoin 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