Typemaster pre-launch landing page solution

Hello everyone,

Easy:

• the beggining!
• create the mobile layout

Difficult:

• start creating a fluid layout for tablets and desktops
• create general classes maintaining the SMACSS model
• find the points where the media queries were more effective (or simply useful)
• the control of the overflows, using a code like the following:

.img__wrapper {
width: 1rem;
min-width: 100%;
position: relative;
} 

(It took me a few hours to get the result 0_o )

Impossible:

• Naming!!
• Do not use "brute force", in some points the solution did not look very "logical", so when the "reason" does not work, then the "force" will have to be

Thanks in advance for your advice and feedback.