Mobile first design using flexbox and grid

Hey, I think I can be of some assistance;

1. Try setting the background opacity of that div to zero and then center the curve background relative to that div with a background size of "cover" or "contain". That might just work!
2. I don't know of anyway to change the color of an svg image using CSS or JavaScript but I usually use apps like adobe illustrator to do that otherwise I think they should have given you the footer logo, I will also take part in the challenge an let you know how it goes.
3. My method involves JavaScript! You could get a class and add set the property of border to red then create a function that implements that when that event is triggered otherwise if you are intending on using CSS, I suggest that you use pseudocode which may look like this (.classname:focus:invalid{code}).
4. To resolve the HTML issues, consider using classes for styles you may apply to more than one tag so that you avoid duplicate ID's. Then you should also consider using a "div" instead of "section" or "article" if you are not going to use header tags. I hope this is helpful! Otherwise, I think your solution is really awesome! Kudos! Keep on coding😎

Hey! Thank you so much for taking your time to help me improve my project! I will definitely take your comments to heart to further improve this project and future projects. I appreciate it! 😄