Landing page

Community feedback

• 

  P

  beowulf1958•1,450

  @beowulf1958Posted about 2 months ago

  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

  Marked as helpful

  1

  ---

  

  Catarina Rodrigues•20

  @CatRodPosted about 2 months ago

  @beowulf1958

  Oh, thank you very much for your feedback.

  Actually, if I had used the ::marker pseudo-element it would have been much simpler. I'm always learning 🤓

  I hadn't dealt with the responsive part yet, but thank you very much for the help! 🙏

  0
• 

  SpeedyRicky•80

  @SpeedyRickyPosted about 2 months ago

  Hello how did you make your preparation time in your web look the exact same ? ( from @SpeedyRicky)

  0