Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile first, HTML CSS JS

Half-Size 80

@Half-Size

Desktop design screenshot for the Coding bootcamp testimonials slider coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I felt like I was tweaking the positioning of the elements on this page forever and maybe the code became a bit messy as a result and I'm still not entirely satisfied. Did anyone have any slightly more sophisticated approaches to layout rather than just using brute force to try to hold everything in place?

Community feedback

Roman Filenko 3,335

@rfilenko

Posted

Hi, you're right, there are better techniques for layouts in css, look into flexbox or css grid, which are more felxible and easy to verwrite with mediaqueries. MDN or css-tricks are good resources to check out

Roman

1

Half-Size 80

@Half-Size

Posted

Thanks for the feedback Roman, I avoided using flexbox or grid for this solution because the elements where required to overlap. I can't recall now if I checked to see if this would be possible with flex or grid but I'm thinking now it probably is?

0
Roman Filenko 3,335

@rfilenko

Posted

@Half-Size avoid positioning for layout for sure, overlap of elelemts is quite easy doable with grid 😎

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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