I applied a lot of newly learnt knowledge from css flexbox to css grid.
What challenges did you encounter, and how did you overcome them?Application of css flexbox and css grid.
What specific areas of your project would you like help with?Giving my main-content a border, for the desktop-view. The border I gave it isn't really showing on the right side. Just the desktop-view alone. Thanks.
Well done! I checked your code and I saw that you used the class "content" for the mobile version, but "main-content" for the desktop version in the media query. Maybe that's why the borders don't show in the desktop view.
Well done! If you're not a pro user, check the style guide for the colors and add them to your CSS stylesheet.
To the point! I had a hard time with dimensions as well because I am not a pro user. Well done!
The solution preview shows my component not correctly, please check github pages, in order to see it working fine.
Remember to use the "mobile-first" treatment and only then change the desktop features. Attention to the gaps between areas of the project and the appropriate sizes. You can check that by looking at the Figma files.
Responsive is really good for me right now. I was able to match up the styles and margin pretty efficiently.
What challenges did you encounter, and how did you overcome them?Sizing the image and making sure it was responsive was the most challenging part. I had a little trouble with centering the entire thing and making sure that everything didn't move around.
What specific areas of your project would you like help with?Structuring my html and centering elements and making sure they are positioned correctly.
Well done!
A suggestion I'd make is to create a separate style.css file for the sake of organization only.
