I had difficulty with scaling on mobile screen, and it didn't turn out exactly as it should be.
After struggling with the layout, I figured out that grid layout can solve this. So I learned grid layout and did the thing.
What challenges did you encounter, and how did you overcome them?When it comes to desktop preview, it was getting hard to build that layout. Thanks to grid layout, that's not that difficult. I used grid-template-areas and done the design
Good job. I think you should focus on responsive design elements more.
Not really proud of anything
What challenges did you encounter, and how did you overcome them?Fixed screen sizes in design file vs various sizes I'm working on, it is still bit confusing.
Sticking to design dimensions not guarantees that design = solution in screenshot comparison
What specific areas of your project would you like help with?How can I optimize my code or make it more Cube CSS oriented. Are my margin/padding settings (main sections) ok?
"Not really proud of anything" i sensed a little bit negativity. I am sure there is lot of things to proud. Your design is really good. By time everything will be better.
You do great.
I just realize you did use the same picture for both desktop and mobile.
a
Im really proud of the fact that when im getting better at finding solutions to my code on my own with the docs. Next time ill have a more solid plan for the layout.
What challenges did you encounter, and how did you overcome them?The challenges i faced on this project was spacing of elements to get as close to the original.
What specific areas of your project would you like help with?Honestly i would love some help with css
Well done. You do great.
Most browsers come with 16px by default but the users can change that. Setting the font size 14px on the body is to overrides the user’s default font size preference. Even user cahange it still it will be 14px.
If u want to set it on body you should use rem and em units. For a responsive design rem and em units are better for font sizes.
