Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Landing page with alternating feature blocks solution

zofia-mm 160

@zofia-mm


Design comparison


SolutionDesign

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

David 8,000

@DavidMorgade

Posted

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 times ems, 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 helpful

1

zofia-mm 160

@zofia-mm

Posted

@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 GitHub
Discord logo

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