HTML & CSS

[south ocean]

Guys, how can i do css or html like that, so, RELATED ones will be the same size as article's body(it's my first time coding front)

[nova glade]

<@&987246964494204979> please have a look, thanks.

Here is an AI assisted attempt to answer your question 🤖. Maybe it helps! In any case, a human is on the way 👍. To continue talking to the AI, you can use </chatgpt:1108714622413963314>.

To make related articles the same size as the main article body, you can use CSS to style the related articles section. Here is an example of how you can achieve this:

HTML:

<div class="article">
  <h1>Main Article Title</h1>
  <p>Main article content goes here...</p>
</div>

<div class="related-articles">
  <h2>Related Articles</h2>
  <div class="related-article">
    <h3>Related Article Title 1</h3>
    <p>Related article content goes here...</p>
  </div>
  
  <div class="related-article">
    <h3>Related Article Title 2</h3>
    <p>Related article content goes here...</p>
  </div>
</div>

CSS:

.article {
  width: 70%;
}

.related-articles {
  width: 30%;
}

.related-article {
  margin-bottom: 20px;
}

In this example, the main article is styled with a width of 70% and the related articles section is styled with a width of 30%. You can adjust these widths to fit your design needs. The .related-article class adds some margin at the bottom to separate each related article.

You can also add additional styling to make the related articles section visually appealing, such as background colors, borders, or padding. Experiment with different CSS properties to achieve the desired look for your website.

[dapper basalt]

height=100%

If you want to have that related article background to be on full body size