Social Proof Section | SCSS | CSS Grid | Flexbox

Community feedback

• 

  Usanase Makala•330

  @usanCodePosted over 2 years ago

  Hi Hariz,

  How are you! This is a very special challenge for a newbie. Keep up the good work! I have viewed your webpage and github code. Concerning your webpage, try to zoom in Google Chrome to lower and higher % , you will notice the sizes of the containers at the bottom of the webpage get expanded. The width and height of each of these should be defined. About the reviews at the top right corner of the webpage, in order for them to be displayed correctly try to make use of margin/ padding. I have not been able to read your CSS code , but I have to tell you that I like to make use of grid containers when designing webpages. i am sharing with you some useful links about grid containers:

  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout

  https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout

  https://learncssgrid.com/

  About solving the accessibility issues in the report, you should read carefully the links provided into that same report and generate a new one after correction till there are no more issues.

  Good luck!

  1