Mobile first design using flexbox and grid

Community feedback

• 

  Tesla_Ambassador•3,000

  @tesla-ambassadorPosted about 3 years ago

  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😎

  Marked as helpful

  0

  ---

  

  ccbdp•315

  @ccbdpPosted about 3 years ago

  @tesla-ambassador 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! 😄

  1
• 

  ccbdp•315

  @ccbdpPosted about 3 years ago

  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! 😄

  0