News Homepage React.js,Tailwindcss , css , jsx

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