3 column challenge solution - HTML and CSS

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted almost 3 years ago

  Hi Ashley,

  Your solution looks great on desktop, nice work!

  Regarding your question about specifying each button colour, I don't think you can in this instance. There is a keyword called inherit which let's you inherit the parent's property - it can be quite useful!

  Some helpful pointer's

  • have you considered using Flexbox to position your elements instead of position absolute, margin and paddding? It's extremely powerful and would really help your design become mobile responsive too.
  • there are lots of great free resources out there, scrimba is one of them!
  • you're adding a border to your button on hover which is making your design jump a little. Add it before the button is hovered Here is some useful guidance. Also it might be nice to add a transition.
  • be mindful of your accessibility/html report, you can learn a lot from it. Semantic html is really important you could be using a main and footer tag in your design

  Good luck with it all, Keep coding!

  Marked as helpful

  1

  ---

  

  Ashley•20

  @ashhh266Posted almost 3 years ago

  @darryncodes Thank you so much for the very thoughtful feedback! This is my first project so I still have a long way to go. I'm going to look into the resources you provided and try some edits. Much appreciated!!

  0
• 

  Ty•70

  @ItsIchiPosted almost 3 years ago

  For your HTML issues try changing the Backslash() for your images to Forward slash(/) so the images follow the proper path I ran into the same issue a few times, But Nice work!

  Marked as helpful

  0

  ---

  

  Ashley•20

  @ashhh266Posted almost 3 years ago

  @ItsIchi thanks for the feedback! I noticed that in the report, but wasn't sure what the issue was. I'll make some edits.

  0