Fylo landing page with two column layout - Flexbox

Community feedback

• 

  P

  Emmilie Estabillo•5,540

  @emestabilloPosted about 4 years ago

  Hi @hammercait, congrats on finishing this project! To address your question check this out. It's really just placing all your media queries at the bottom of the CSS file, so it would override the initial styles you already wrote. I would also try to look at others' project to see how they are doing it if you'd like to get an idea. It would really benefit you to put them all in one file to keep it consistent. As an example, the hover states for smaller screen widths are missing. If they were all in one file, they would be working in any width as you have written it on fylo2column.css. You would also be getting rid of repeating code.

  Couple more things to note on medium widths are padding issues here and there, particularly on form inputs, and controlling the size of the images.

  Hope this helps!

  0

  ---

  

  hammercait•250

  @hammercaitPosted about 4 years ago

  Thank you! I went back and redid the media query on the bottom this morning. It still is not perfect in every environment (especially ipad) but it is better! I may need to do another media query for ipad widths * sigh * :) Thank you for your feedback! Definitely inspired me to go back and try again.

  0