All solutions

I struggled a bit in figuring out how I could make the container size used for all viewports. From mobile to desktop approach... Any for that ideas?

Also, any feedback or suggestions from what I've accomplished?

I would be happy to receive comments, criticism, and such that could improve the website:

• Cleaner Code
• Better Practice/Approach to making this website.

I struggled a bit with the overlay and making card-image responsive (efficiently w/ overlay) any suggestions for that?

• I would be happy to receive comments, criticism, and such that could improve the website:
  • Cleaner Code
  • Better Practice/Approach to making this website.

I struggled a bit with how to make containers responsive (efficiently ) that I could reduce the adjustment and use of media queries.

Hello! I would be very grateful to receive your feedback on this project.

You could check out the GitHub repo link (I took time to document it ^-^ )

Questions:

• What is the better approach you think I can do in solving this website, compared to what I have done?
• Can you point out some of the mistakes I did, and some suggestions/corrections?

I struggled/was unsure of:

• How I solve the overlay part
• The 2nd container (Image)
• The responsiveness of the website

I tried Mobile-First approach with pure CSS using media queries without using classes. So I could practice my CSS selector skills. Tried to do it quickly so, it wasn't that clean. (Took me 1.5 - 2 hrs)

Any suggestion, comments, criticism for a better approach in this website? (I would really appreciate it ^_^ )

Built with:

• Plain: HTML, CSS, and Javascript
• Mobile-first workflow

What I learned and recap over some of the major learnings while working through this project:

• Basic review of HTML & CSS
• CSS Flex Layout
• Basics of JS (Implementing what I had learned)
• Basics of DOM Manipulation

Any suggestions for overall improvements? Like a better approach than what I have done?