Css Flexbox

Use multiple media queries for a better content transition. Snippets section could be improved positioning-wise.

Greetings AditNovadianto, So far so good. Well done

• use semantic elements where possible , instead of elements such as divs. For a landing page , header, main , footer among others are more proper to use . Instead of a div with a class of main , you can then just use a main element. The downloads buttons are likely a (anchor) elements - they should navigate to the specific sites.
• if it is a title , then a heading element might be the best element to use <p class="section-title">Quick Search</p>
• anchor elements should have readable content, an image does not provide the correct information to assistive technology users but they can be improved by having a descriptive alt value. If the image is an svg element in the html, several options will need to be added. See the following article accessible svgs

Your results seems pretty good But there are some problems to notice

1. You should use BEM naming convention for better readability
2. Try to not repeating code you write before

That's it. Thank you