@marliedev
Posted
Well the Screenshot looks good, but the solution is not responsive! Work with relative sizes! The only fixed size for this project you have to set is a max-width for the container (736px). Everything else inside the container should be adjusted in dependence of the container width.
Improvements:
- move the styles out into a external css-file
- find similarities and create global styles (e. g. you dont need a content1/2/3/.. class for every section. The base styles (padding, margin, lineheight, font/text styles could be set up in a "recipe__section"-class)
- Improve readability and structure (naming of classes, BEM-Methodology, semantic HTML -> figure, section, main, headline hierarchy)
Marked as helpful