Design comparison
Solution retrospective
Mobile design DOES works and am pretty proud of it. Desktop design is absolutely broken as you can see in the preview (sigh), and I have no idea where to start. I used Tailwind CSS for this project and its my first full foray into it and wanted to practice it. My breaks work until you enlarge the screen and my design breaks I followed some other devs and I went with the assumption we all shared screen size and everything was working UNTIL i went full screen. How does one figure out media query breaks? Any insight into my design is VERY much appreciated.
Also whenever i put folders in the Github repository it never sees my work and i have to drag and drop the actual files for Git to see my actual stuff. If you look at my other projects that say "files not found" you can actually click on the projects and will be taken to them but they aren't shown for some reason. Anyone have a fix or suggestion as to how i might do better uploading my files?
Community feedback
- @chrisbailey85Posted over 3 years ago
I have not used tailwind before myself but you seem to be on the right track for mending the desktop. On your .showcase div if you add a grid template rows to it so you've got two rows instead of one, and then hopefully it should just be a case of placing everything in the correct rows and columns. Good job on the mobile size's it looks good.
0@wpittman06Posted over 3 years ago@chrisbailey85 i'll definitely give that a look thanks for the suggestion!!!
0 - @palgrammingPosted over 3 years ago
yes in your code you are saying your images are in a images folder but they are not on the web-server. remove the "/images" in your image links and they will load
0@wpittman06Posted over 3 years ago@palgramming i fixed it already just didn't update the preview screenshot its fixed now (the screenshot that is not my excuse for code lol)
0@palgrammingPosted over 3 years ago@wpittman06 even with a free account you can re-generate so many screenshots a month
0 - @Jezda1337Posted over 3 years ago
src for star images are not good, you have to check the path, and name of the SVG image. And check tailwind docs for more info about responsiveness :) gl
0@wpittman06Posted over 3 years ago@Jezda1337 i fixed it i only uploaded the img files forgetting everything was pointing at the original folder -________- lol
0 - @hukhwanPosted over 3 years ago
god....
0@wpittman06Posted over 3 years agoI know but i promise you its ONLY the desktop version....the mobile version IS working......
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord