I choose to start desktop layout (desktop first)
1 - Set a section to each side (Results and Summary)
a - Results HTML code was very simple, using h2 and p, to do a complete circle div to container rate data i use percentage in border-radius: 50%;
b - Summary To category i use a "ul" and four "li", flex-direction: column; in the main section to put all content beneath the other, image icon in each category i insert using :before in css
c - General
2 - Center all using display: flex (justify-content e align-items) in main 3 - Adjust responsive in 740px, 490px resolutions 4 - Clean code, removing unnecessary code, and aggrouping css properties
What challenges did you encounter, and how did you overcome them?Background isn`t had the total height when less than 740px (mobile), min-height: 100vh; not work, i fixed using "percentage" instead "vh", but don't guess it is the best method to solve this
What specific areas of your project would you like help with?Background isn`t had the total height when less than 740px (mobile), min-height: 100vh; not work, i fixed using "percentage" instead "vh", but don't guess it is the best method to solve this, and tried use a "variable.css" to create variable colors, but not work, i tried recreate the variable file, change the path, but no effect
