Landing page with alternating feature blocks solution
Design comparison
Solution retrospective
- Do you also seperate your css into colors, typography and placement?
- Which units do you usually use? (For this project I mostly used rem and px.)
Community feedback
- @DavidMorgadePosted about 2 years ago
Hello again Fobya! it seems that you have improved a lot since the last time I commented your product card solution, you are doing a great job congratulations
I will try to answers your questions as good as I can:
Do you also seperate your css into colors, typography and placement?
Yes, when doing a project with just one CSS file you usually get all of that just done in the top of your file, variables, typo, default styles, colors... When you get more confident with your CSS you can take a step approach and use SASS / SCSS, where you can structure all your projects in a lot of files, you can have your typo in one file, your variables in other file and so on... Really give it a try!
Which units do you usually use? (For this project I mostly used rem and px.)
Most of the time
rems
, some timesems
, I try to never use pixels (maybe only for media queries or containers), other times like filling a container with an image I use % or for some max-width values. But just have in mind that usually the best approach is to use relative units and avoid pixels as much as possible.Hope my answers help you, great job with your solution the layout looks very good and the responsiveness is working great!
Marked as helpful1@zofia-mmPosted about 2 years ago@DavidMorgade
Thank you again! I'm planing on using Angular with my next project (don't worry, I'm a beginner frontend dev, but not a beginner programmer) and I'm so going to also step up my game with CSS.
BTW, have you seen my solution to the interactive rating component? I'm very interested in your opinion.
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