/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

4 votes199 views1 answer
React select, option
Html
0 vote184 views1 answer
Fetch('https://www.example.com/index.html') .then(res => res.text()) .then(html => console.log(html));
Html
9 votes234 views2 answers
Mobile meta tag
Html
10 votes144 views2 answers
Date picker bootstrap 4
Html
0 vote188 views1 answer
Mobile menu bootstrap
Html
0 vote195 views1 answer
How to call a function when dropdown menu's value is selected in html
Html
0 vote160 views2 answers
Html code for website design
Html
0 vote186 views1 answer
55
Html
0 vote185 views1 answer
Csv and html tags
Html
0 vote197 views1 answer
Html how to get js
Html