Design comparison
Solution retrospective
I am proud to continue learning grid. It is a challenge that I set myself and I am fulfilling it at my own pace.
What challenges did you encounter, and how did you overcome them?The challenges I encountered were that when I set the dimensions on one computer I do it right but I change the design to another computer and everything moves. Even if I use rem, em % it keeps getting misconfigured. If you can see my code I would appreciate it if you could help me by explaining the errors I have.
What specific areas of your project would you like help with?The challenges I encountered were that when I set the dimensions on one computer I do it right but I change the design to another computer and everything moves. Even if I use rem, em % it keeps getting misconfigured. If you can see my code I would appreciate it if you could help me by explaining the errors I have.
Community feedback
- @zeeguPosted about 1 month ago
That's a great job!👏
It seems there's a problem with your mobile layout. The code written in <main> seems to be the cause of problem
grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2,1fr);Media query doesn't work with just changing display to flex. Try deleting above line on.
I hope it works out!
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