Made this layout using css html js without help of external framwork
Design comparison
Solution retrospective
There is lot difficult to build exact same layout as in design folder why ? beacse of sizing i have to deside size of elemnet my self othervise everthing workout still though i am learning difficulty is my friend right now
Community feedback
- @LarryGomezJrPosted over 1 year ago
On the mobile design, the three images together the information, make it in a flex box column, so you have now three divs right?
<div>column1</div> <div>column2</> <div>column 3</div>So inside of the first div, you make it flexDirection row. So you have 2 rows, first one is the image , second one is the information. And the same steps to other divs.
<div>Image part </div> <div> Information part </div>Information part, make it flexDirection column.
Achieving this, the image part and the information part will be flex, I'm bad in explaining but I hope u understand what I want to explain here about. You can check my challenges since I already finish with this one. Repository is available also. Thank me later
0
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