Design comparison
SolutionDesign
Solution retrospective
How can I make my coding more simple and cleaner?
What ways could I have got rid of extra lines of code?
Considering all that you know, what would you do it make this better?
Community feedback
- @Mustapha62996Posted over 1 year ago
Nice work man but I have some opinions that I think could help your code:
- First of all, I think you could make your code responsive by using flexbox. You can add a media query with a max-width of 480px(for mobile phones) and set main tag to
display: flex;andflex-direction: column;to align the left and right class containers vertically. You can also modify your code to suit a mobile phone while you are at it(like reducing the width and padding). - Also, try using semantic HTML to make your code more readable. Tags like section and span helps reduce the number of div tags in your code.
Hope I was helpful.
0@chr1swillPosted over 1 year ago@Mustapha62996 thanks for the pointers. I will keep them all in mind while working on the next project
1 - First of all, I think you could make your code responsive by using flexbox. You can add a media query with a max-width of 480px(for mobile phones) and set main tag to
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