表示部分の幅変更のやり方

Question

使用環境

• ruby
• ruby on rails 6_0_0
• mysql2

添付画像の一番上の太文字部分を１行にしたい

現在ポートフォリオを作成している中、投稿後に表示されるものを１行で表示したいが、どのようにすればいいか模索中です。

試した事

• paddingでの調整
• marginでの調整
• 2つとも変更する範囲が違う為できなかった。

他に試せることが分からない為、質問させて頂きました。
よろしくお願いします。

Comments

[m.ts10806]

現在のコードを提示されないことには答えようがありません。

[m.ts10806]

あと「mysql2 」はRails Gemのライブラリの名称だったはずなので、
できればMySQL起動して　select version() で得られるバージョンを提示してください。

[xxANIMAxx]

大変失礼致しました。
mysql Ver 14.14

index.html

<div class="main-contents">
<%if @tweets.length !=0 %>
<% @tweets.each do |tweet| %>
<%= link_to tweet_path(tweet), method: :get do %>
<div class="description">
<%= tweet.description %>
</div>
<div class="play">
<%= tweet.play %>
</div>
<% end %>
<%= image_tag tweet.image.variant( resize: '300x300'),class: "image" if tweet.image.attached? %>
<% end %>
<% end %>
</div>

index.css

.wrap{
display: flex;
background-color: #79fbf5;
}

.side-bar{
background-color: #11233d;
display: block;
height: 100vh;
list-style: none;
padding: 100px 25px;
}

.myname{
color: #ffffff;
padding: 10px;
}

.logout{
color: #ffffff;
padding: 10px;
}

.sign-up{
color: #ffffff;
padding: 10px;
}

.mypage{
color: #ffffff;
padding: 10px;
}

.login{
color: #ffffff;
padding: 10px;
}

.tweet-up{
color: #ffffff;
padding: 10px;
}

.main-contents{
margin-left: auto;
margin-right: auto;
margin-top: 150px;
margin-bottom: 150px;
width: 8em
}

.description{
font-size: 35px;
font-weight: bold;
color: black;
}

.play{
color: black;
}

よろしくお願い致します。

[winterboum]

app/assets/stylesheets の中に
.main-contents、 .description、 .play、 a に対してwidth を設定しているものがないか探してください。

[xxANIMAxx]

widthが入ってました。削除したところ理想の形になりました。
ありがとう御座います。