Huddle Landing Page with ReactJS, styled-components and Fontawesome

Not my best solution, i've struggled a lot at media query and measuring the size from starter files, because my screen size is different from design size, which have an impact for the result, its not 100% accurate, should i just use the original sizes i measured from design file with side effect maybe there will be some scrollbar in the page or there is another way? I tried scale it first to my screen size, but it doesnt work, there is some are cropped area or the size is not different at all before scaling and after scaling. Any feedback or tips about media query, breakpoints and measurement will be appreciated.