Design comparison
Solution retrospective
Hello! I'm Alex. This is my first experience of building a web page after finishing 5 sections of "Web Development Bootcamp" on udemy.com, so please cut me a little slack. I only made a page for desktop and it is not adaptive yet. I just wanted to practise my skills I had got at Bootcamp. As for difficulties - I can not understand how to position .attribution class - it overlaps the other block while scrolling and follows the scroll. You can see it if you change the scale of the page. I also cannot understand how to make blocks of reviews adaptive according to scaling (perhaps I need to use percent instead of rem, I tried but failed the calculations), but I'm sure I'll find the answer later. If you give me the answer - I would really appreciate it.
Community feedback
- @HK273Posted over 2 years ago
Nice solution Alex! Quite a tricky one to attempt first time. I would suggest looking into Grid and Flexbox as float-based layouts are somewhat dated now. You'll find it much easier to make it responsive and get more flexibility with Grid than using float. Check out Kevin Powell’s video on this exact challenge for a great introduction to Grid. https://www.youtube.com/watch?v=rg7Fvvl3taU&t=14s
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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