News Homepage React.js,Tailwindcss , css , jsx

Community feedback

• Account deleted

  Unfortunately this cannot be classed as complete. The project requires the layout to be responsive and to have a mobile nav bar. To help in the future you should become better acquainted with Flexbox and CSS Grid. Begin by creating the mobile design, this is the easiest as every item just stacks on top of each other vertically. Once this is done, you can expand the browser size until the layout starts to look too stretched. This is your first breakpoint. Add a media query for this size and change the layout (You can change the flex direction to row, or you could make the container a grid container). Lastly you can try apply a max-width to the overall container of your app so that nothing grows too big. By following this guide and practicing you will master responsive design easily. If you found this helpful, please select "mark as helpful"

  Thanks

  Marked as helpful

  0

  ---

  

  thoma mumladze•150

  @ThomasMumladzePosted about 2 years ago

  @ashmaddenweb just used flex-box most project am just not using media query but thanks

  0