HTML5 and CSS flexbox

Hey @ReyCrisGit here to answer your queries :

• You should use percentage unit when you have to make the elements grow or shrink when you resize the screen, using pixels will not do this and will always have fixed width/height that may cause overflow of the content on smaller screen.
• You are unsure about container for mobile and desktop, because as i can see in your code, you have used the same properties in both places (for mobile and desktop). There was no need for such redundant properties if you would have defined it well in mobile version, only thing you would have needed in bigger(laptop etc ) screen was to change the flex-direction : row and might have to set the width.
• Yes use mobile-first approach properly, it will make your code better and easier to work with. Rather defining properties for different sizes try to use DRY method. Also for bigger screen you used @media-queries (min-width: 1440px) do you think all laptop screens comes with this resolution? better would be media-queries (min-width: 768px)

Hope this is helpful and you have your answers. All the best