Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

David Brooks
David Brooks
4,726 Points
Posted by David Brooks
David Brooks
4,726 Points

Bug Fixes

Hello!

I'm having a few issues now this site has been uploaded. Currently I am putting it through user testing with friends before it is shared 'publicly', but the issues I have at the moment are:

• The hover over feature for turning black and white images to colour doesn't function on Internet Explorer or FireFox (although apparently it does on Edge, the IE replacement)

• The code has been designed with flexible percentage values, and has a number of media query break points which, when scaling the desktop browser window, successfully causes the site to be responsive. However, mobile versions don't automatically change layout as intended.

• The contact email and phone links are supposed to respectively bring up a blank email form or a blank SMS. Currently they just show a message page when clicked. (I think the email issue is due to an underscore in the address which breaks the code?)

Thank you very much, I look forward to hearing any solutions you have to offer!

http://robertlloyd.design

1 Answer

nguyen manh
nguyen manh
16,824 Points
nguyen manh
nguyen manh
16,824 Points

Hello!

After review your website, this is my anwser:

  • You using content CSS property wrong way, It is used with the ::before and ::after pseudo-elements. further reading. You can using JS to change image src attribute or css-filter or svg-filter for make same effect.
  • You missing <meta name="viewport" content="width=device-width, initial-scale=1"> tag inside head tag. further reading
  • redundant double quote, just delete it - "”mailto:robert_Flloyd@outlook.com"

Sorry, I'm not native English :)

David Brooks
David Brooks
4,726 Points
David Brooks
David Brooks
4,726 Points

Amazing, thank you so much!