Mobile-first solution using BEMCSS

also found some problems in css: ✅ if you use margin-inline, it is better to replace margin-top with margin-block-start

  margin-top: 24px;
  margin-inline: 24px;

✅ You Should Stop Using Pixels. They are static and aren’t truly relative to the root font-size like REM and EM units

✅ don't use tag selectors. When you add CSS directly on tags, your markup can’t change. Your style is tightly coupled to your DOM, and any change increases the risk of breaking things.

h1 {
  color: var(--blue-600);
  font-size: 48px;
  line-height: 1.0;
  font-weight: 900;
  text-transform: uppercase;
}

h2 {
  color: var(--blue-600);
  font-size: 32px;
  line-height: 36px;
  font-weight: 900;
  text-transform: uppercase;
}

h3 {

Hi there. You did a good job 😎

🛠️

keep improving your programming skills

your solution looks great, however, if you want to improve it, you can follow these steps:

✅ please follow the bem methodology throughout your document

 <div class="bottom-images"> ----> should be bottom-images images
        <div class="images__orange"> 
        </div>
        <div class="images__side">
        </div>
      </div>

✅ you need to provide an alternative description for better availability, or even greet this picture with aria-hidden = true

<img src="assets/shared/icon-compatible.svg" alt="" class="feature__logo">
<img src="assets/shared/icon-light.svg" alt="" class="feature__logo">

I hope my feedback will be helpful. You can mark it as useful if so 👍

Good luck and fun coding 🤝⌨️