Let’s start with responsive for the smallest screens (575px).

  • links inside .apps-buttons must be placed in a column;
  • links inside .apps-buttons must not have a left margin;
  • links inside .apps-buttons for .join-section must be centered (use margin);
  • .columns-view must have one column for a comment;
  • maximum width of .section-image img must be 80vw;
  • .description-section .content must not have a top margin;
  • .header-btn must be hidden;

Let’s move on to the bigger ones (768px):

  • font size .content h1 must be 34px;
  • line height .content h1 must be 40px;

For screens up to 992px:

  • line height .content h1 must be 46px;
  • font size .content h1 must be 40px;

For screens up to 1200px:

  • line height .content h1 must be 60px;
  • font size .content h1 must be 70px;

This task is part of the Full-Stack JavaScript Course .
If you have any issues with it, you can ask for community help below the post.
Feel free to help others if you’ve already solved the task.