Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I tried to implement new knowledges, such as BEM-style classes.
What specific areas of your project would you like help with?I didn't manage to make tow parts of the box (image and description) equal. I implemented flex: 1; attribute, but it didn't work properly. If I delete padding of the description box, they go equal.
Community feedback
- @MikDra1Posted 2 months ago
I see in your code that sometimes you have sth like this:
0.3125rem;
I encourage you to set a font-size on html to 62.5%. Then one rem is equal 10px. After this your calculations would be easier because you would know that one 1rem = 10px
html { font-size: 62.5% // It means that 1rem = 10px. From this it is easier to use rem } p { font-size: 1.6rem; // Here this paragraph font-size will be 16px; }
Hope you found this comment helpful 💗💗💗
Good job and keep going 😁😊😉
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