Landing page

Congratulations on completing your first challenge! How exciting. It looks amazing on my desktop. I, too, had a challenge with the color of the bullets on the lists and your solution is...unique, shall we say? What I discovered was the ::marker pseudo-element. There is an excellent article here.

That said, when I tried to view your page on my iphone, it didn't look right. 😢

I was able to fix the problem by simply wrapping the img in a div and tweaking it a bit:

      img {
        display: block;
        width: 100%;
        border-radius: 10px;
      }

It worked. 😁 Then I made a small adjustment for smaller screen sizes using a media query:

      @media screen and (max-width: 480px) {
        .container {
          padding: 25px;
        }
      }

Look forward to your next project. 😎 Keep on coding