/Html/Flex inside flex mr-auto not working

Flex inside flex mr-auto not working

// add width to 100% inside flex wrapper dive
<div class="d-flex p-2">
                                <div class="profile-avatar mr-2">
                                    <img class="avatar-img" src="/images/Avatar" alt="avatar">
                                </div>

                                <div class="w-100">
                                    <div class="d-flex mb-1">
                                        <h6 class="text-truncate mb-0 mr-auto">Name</h6>
                                        <p class="small text-muted text-nowrap last-updated" datetime="Timestamp"></p>
                                    </div>
                                    <div class="text-wrap text-break p-1 message">message.Content</div>
                                </div>
                            </div>

Source: stackoverflow.com

Similar codes

0 vote210 views2 answers
Html div grid 9x9
Html
0 vote206 views1 answer
<iframe width="480" height="440" src="https://statpedia.com/embed/HJRkNdPtd" frameborder="0" allowfullscreen></iframe>
Html
0 vote221 views1 answer
Navratri 2020
Html
2 votes196 views2 answers
Navbar Bootstrap 5
Html
5 votes206 views2 answers
Js onclick function call
Html
0 vote212 views2 answers
How to add see button in password input in html
Html
3 votes201 views1 answer
HOW TO USE A video on a html website from youtube
Html
45 votes198 views4 answers
Middle text css
Html
2 votes182 views3 answers
Html single quote code
Html
0 vote197 views1 answer
Html confirm box making text bold
Html