I had so much trouble with the position of the desktop box svg. I had trouble with the closure of the selected question logic. Any tips?
Philip Korb
@PhilipKorbAll comments
- @almero0922Submitted over 2 years ago@PhilipKorbPosted over 2 years ago
Hi, i saw your code and i have some tips: your code:
<body> <span class="icon-box-desktop"></span> <main class="main-container"> <span class="img-top"></span>that means your box svg for desktop view is out of your main card, so you can't position it matching other elements... only the <body> wich is your closest parent.
if i was you i will probably solve it adding a div around the main card with same sizes and pos relative, then in this div add your element <span class="icon-box-desktop"></span> on pos absolute, so u can position it relative to your main card and it will be fixed on resize window.
i figured this challenge too if u want to see how i did on my profile. I hope it helps, and Keep Coding!
Marked as helpful0 - @k-stopczynskaSubmitted over 2 years ago
Had really great time with this challenge, any feedback welcomed:)
@PhilipKorbPosted over 2 years agoWow That looks amazing! I'll try it when I feel comfortable, I'm new to JS. SZAM'S you commented on my FAQ solution and your feedback is very helpful, I studied further and refactored my JS solution to the problem, if you don't mind also check it out and let me know if it's better I'd appreciate it! Keep coding!
0 - @baranyesilaltunSubmitted over 2 years ago
I dont understand why is the css didnt work on live .
@PhilipKorbPosted over 2 years agoI saw your code on github and your path to resources are not matching.
in your project case: • main folder • index.html • styles.css • images folder
that means you have to respect the path of each resource.
your code:
<link rel="stylesheet" href="/styles.css"> <img src="/images/image-product-mobile.jpg" alt="" class="chanel">in both resources you have a slash starting, which are interrupting the path.
Try this:
<link rel="stylesheet" href="styles.css"> <img src="images/image-product-mobile.jpg" alt="" class="chanel">Marked as helpful0