JSFiddle - React, Tailwind, and code Playground

by Ali Uygur

HTML

Fatal error: Uncaught
Error: Call to undefined function mime_content_type() in 
/home/zmintikc18765co/public_html/wp-content/plugins/buddypress/bp-core/bp-core-attachments.php:1701 

Stack trace: 

#0 /home/zmintikc18765co/public_html/wp-content/plugins/buddypress/bp-core/bp-core-avatars.php(2205): 
bp_attachments_list_directory_files_recursively('/home/zmintikc1...', '1642613521-bpfu...') 

#1 /home/zmintikc18765co/public_html/wp-content/plugins/buddypress/bp-activity/bp-activity-template.php(1469): bp_avatar_get_version(2082, 'user', 1642613521) 

#2 /home/zmintikc18765co/public_html/wp-content/themes/social/activity/entry.php(43): bp_activity_has_content() 

#3 /home/zmintikc18765co/public_html/wp-includes/template.php(772): require('/home/zmintikc1...') 

#4 /home/zmintikc18765co/public_html/wp-includes/template.php(716): load_template('/home/zmintikc1...', false, Array) #5 /home/zmintikc18765co/public_html/wp-content/themes/social/activity/activity-loop.php(34): locate_template(Array, true, false) 

#6 /home/zmintikc18765co/public_h in /home/zmintikc18765co/public_html/wp-content/plugins/buddypress/bp-core/bp-core-attachments.php on line 1701

CSS

.moving-steps {
    counter-reset: headings;
}
.moving-steps > li:before {
    background: none repeat scroll 0 0 #8F8888;
    border-radius: 15px;
    color: #FFFFFF;
    counter-increment: headings;
    content: counter(headings, decimal); 
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    line-height: 26px;
    margin-bottom: 0;
    margin-right: 5px;
    text-indent: 8px;
    width: 25px;
}