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

Made this layout using css html js without help of external framwork

@AbhiGhoghari

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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

@LarryGomezJr

Posted

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 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