Submitted
Hi guys Frank Itachi here 👋!
I made some improvements and code refactoring to this solution. In general, for this challenge used:
- Semantic HTML
- CSS Grid
- CSS FlexBox
- Famous Josh Comeau's CSS reset
I made the following changes to the SASS/SCSS code:
- I created the sass folder and used the recomended structure to organize files and sub-folders in there.
- Since this is a small project, I only added the helpers sub-folder.
- I created the _variables.scss, _mixins.scss, and _reset.scss and put them inside the helpers folder.
@use “sass:list”
to use a list of font weights and icons name.- I used the for loop to style multiple elements.
@mixin
for media queries and elements styling.- Pseudo elements
::before
and::after
to style the little lines on each elements' corner inside the summary section.
Please spare a moment to review my code and suggest any improvement.
Happy <coding />
😎!