All solutions

Please let me know what you think. I had a better time overall with images on this one. Thanks!

also for some reason the screenshot makes it look way more cramped than it actually is... lol

Images are so hard to scale properly, does anyone have any tips on how i could have improved the scaling across device sizes, of the images in ImageFeatureRow?

Keep in mind, if you're testing this site, that you have to reload the page to get the correct images when changing breakpoints (i.e, mobile, tablet, desktop). I don't know if there's a way to update an image source automatically on screen resize in ReactJS.

Please let me know what you think. Thanks!

Please let me know what you think. Thanks!

Please let me know what you think. Thanks!

Please let me know what you think. All I have left to do now is clean up my code.

Please let me know what you think of everything. I feel like I'm improving with SASS quite a bit but I still have a long way to go. Any advice regarding my use of SASS would be appreciated.

I'm learning more SASS right now (getting deeper into it) and tried to utilize some of its features. Please let me know how I did. Thank you!

I tried to make the mock-up image's position match the design files and I found out css overflow properties are not friendly lol.

Please let me know what you think. Thanks!

I used a bit more absolute position than I would've liked. Could I improve that somehow? Positioning all these elements was a bit frustrating without it. Thanks!

Problem Solved: used the new recommended API for this challenge that uses https.

Old Problem: IP-API only allows free use of http api, so visiting the live site of this project while using https will not allow the content from the api to be served. Am I doing something wrong, or will this never be possible as long as the free tier of IP-API uses http? It seems to me the easiest solution would be to host this somewhere where https is not enforced. If anyone can give advice, it would be helpful to learn some alternate solutions/good practices. The text is just placeholder for now from the design file.

Please let me know what you think and what could be improved! Thanks.

Please let me know how I did, if you'd like. Thanks!

Please leave feedback if you like. I want to know if the transition into the active "share" toolbar is good on mobile is okay, or if not, how I can improve on it. Thanks!