Hey everyone! Here is my submission for the LoopStudios challenge. I think I may have overcomplicated some of the responsive elements with the use of alot of calc functions. I had recently discovered about the clamp min and max so wanted to try these functions out. As always feedback is greatly appreciated let me know if you have submitted a solution to this project so I can see how others may approach this challenge!
Hi Tyson, great work on the challenge! I also submitted a solution for this, also using SCSS but not with mobile-first approach. Seems to me though that your scss style is cleaner than mine! One thing I can recommend though is adding a max-width on the overall style of the page. I'm viewing the website in 1920x1080 and for the gallery for eg. there's a lot of white spaces between the images. I also feel like the font is a bit bigger on this screen size, or is it just me? Anyway good job on this! Feel free to check my solution too so we can compare notes? Cheers!
I've extended this one with a working chat function, which I was pretty pleased with. Any suggestions on how I could have made this simpler v much appreciated though! 😃
Nothing else with this one that's still bugging me (although maybe there's an issue I just haven't spotted! 😬), but any general adjustments, simplifications or suggestions for improvements would also be really helpful.
Nice going with extending the project to actually be able to chat in the app! I also agree with Matt that there should be some focus on the input field so users will know that they can actually type in it.
Great work!
Had some difficulty with finding the icons for the social media links. Eventually I just used png icons and used a transition to highlight them when focused. The solution works but I'm sure there has to be a more efficient way of writing the code. Suggestions?
Hi Alex, you can use font-awesome or google material icons for the social media links. :)
