Advice for a noobie

Design help General
8

Hello @Joe_Berger,

Congrats man, your site is looking good, you use the animations pretty well. For responsive design the way I go about is as follows:

  1. for containers and sections I prefer to use either vw and vh or % rather than pixels, or use auto depending on the design sometimes pixels make sense.
  2. I built on desktop first and then I move down to make appropriate changes to each break point. Once I am comfortable with the design, I start thinking about interactions.
  3. Assign classes to pictures to indicate a different sizes for different breakpoints.
  4. Decide what makes more sense, a picture element or a background picture, decide what setting for the background picture works better for my design or resize a picture accordingly.
    In short, responsiveness is a lot of back and forth, here is a short video about what im talking about applied on your site Loom | Free Screen & Video Recording Software | Loom. I hope this helps.
2 Likes