Skip to content
OverviewSolutions
5
Comments
1
Robert Spatz
@rspatz

All comments

  • Chiang Lynn•110
    @chianglynnSubmitted over 3 years ago

    If there is any advice or feedback to improve my solution, please let me know. Thanks.

    HTML, CSS JavaScript

    1
    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