product preview card component solution

Community feedback

• 

  P

  Alper•1,010

  @adonmez04Posted over 1 year ago

  Hi, @ThilinaDeshan98. That's a really good question. The short answer is yes. You can use <br> tag in html to break a paragraph. The long answer is that you should use the nested width and max-width value with .parent and .child. You should change the breakpoint of the paragraph using the width value of the child, such as .section-hero__content-area in this example: the-responsive-design

  • I highly recommend this course if you want to learn more details about responsive design. Conquering Responsive Layouts

  Keep coding and have a nice day.

  Marked as helpful

  1

  ---

  

  P

  Alper•1,010

  @adonmez04Posted over 1 year ago

  @adonmez04 In addition to this technique, we can use this style; you can add a span tag before the element (or word) and use a pseudocode selector to add a break like this code block:

  .space::before {
    content: "\A";
    white-space: pre;
  }
  

  I found it in this article: https://stackoverflow.com/questions/17047694/add-line-break-to-after-or-before-pseudo-element-content

  Marked as helpful

  0