HTML, CSS JavaScript

Community feedback

• 

  Robert Spatz•120

  @rspatzPosted over 3 years ago

  Hello Chiang, When I previewed your live site, I noticed that in the "Latest Articles" Section, you had too much padding on the left, and the 4th article/image was pushed to a second row. I downloaded your code and found the problem. If you change CSS Line 524 to separate blocks of code for .section-2 and .section 3, such as:

  .section-2 { text-align: left; padding: 7rem 9rem; }

  .section-3 { text-align: left; padding: 7rem 6rem; }

  all 4 articles will be on one line. Finally, on line 552, I suggest adding a margin-left:

  .section-3 h2 { text-align: left; margin-left: 1.5rem; }

  This will make your h2 heading "Latest Articles" line up properly. I don't know that this is the best solution, but I hope it helps!

  Marked as helpful

  1

  ---

  

  Chiang Lynn•110

  @chianglynnPosted over 3 years ago

  @rspatz Hi Robert, thank you for the suggestion. It works better. :)

  0