All solutions

Hey fam! I mostly wanted a project to work on to apply new workflow habits I'm trying to cultivate. I used webpack for the first time here, and got to be very organized with my folders and css/js files. Utilized BEM naming conventions. Practiced OOP (albeit the only functionality I implemented was a reveal on scroll class), with emphasis on reusability. I used a mobile-first approach here so as to allow the desktop to do the heavy lifting when necessary. I would still like to lazy load the images, and add better responsiveness to them, but wanted to wrap it up to begin a real-world project. Obviously I wasn't pixel perfect in terms of adhering to design standards, but I had fun! And I learned!!! Any and all comments welcome please and thanks!

EDIT: Also where is everyone getting their social media icons because I can't find any decent ones for free...

This is my second project using SASS, and I cannot applaud it enough. Using it's partials has done wonders for my organization, and it's modules kept me from repeating tedious code. If you want a good resource for intro to SASS I definitely recommend Traversy Media on youtube.

I am still honing my skills in responsiveness, but this should be a decent attempt.

I took a different approach for form validation with regards to the email-us section. Does anyone have a good resource for these? While my site certainly handles the validation, I would have rather been more accurate in terms of the what the design ("client") was asking of me.

As always ANY and ALL comments are welcome! Any resources for SASS or responsiveness would be greatly appreciated!

This was my very first time using a pre-processor, so I intentionally didn't do anything too flashy with it. Just wanted to make sure I could get it up and running utilizing it's basic features without the entire page collapsing on itself! I used SASS with SCSS, while implementing basic variables, and modules. Creating partial files was a huge help with my organization (not one of my strengths), and I thought it was incredibly visually appealing to have styling components nested inside their parent element. The fact that it stylistically mimics the html it is written for was very satisfying.

This was also the first project I really tried to nail the responsiveness, I wanted this site to be accessible on ANYTHING. For help with this I went through Kevin Powell's Responsiveness Tutorial online (he also provides great YouTube videos!).

Let me know what you think, what you like, what you dislike, any resources you might recommend, anything and everything, thanks!

I tried to make the drop-down links a hover state event, but they would rapidly close and open as I scrolled the mouse down. I tried pointer-events: none for the child elements to no avail. Any help would be much appreciated! thanks :-)

This was so much fun, and it presented a few learning opportunities. Made it from scratch, I'm sure I could be much more organized with my code but I was just happy to get it working. I welcome feedback! Thanks!

UPDATE: For some reason when I open the entire page, it looks similar to the solution, but when I look at the design comparison, it is way off. What is going on here?

I had not originally intended to implement the job filter at first, as I am still learning, but thought I'd give it a try once everything else was completed. I was able to get the base function working, but I was unable to maintain each filter and delete button within the input (ex: HTML [X] Python [X]) so as to be able to filter multiple queries. Any resources that point me in that direction would be much appreciated!

There is a white line along the top right border that I can't seem to fix.

There is this tiny white sliver along the top right border of my card that I was unable to address.