JamieC

@Badge20 unfortunately no, I ended up making my icon + text into a png image instead as an alternative solution

Hi Tuanphan, thanks for the code, it works! My icons and text are now on the same line, however they are not aligned currently. This is how it looks like now on mobile version. Is there any way i can do to make the icons align centrally and the text all align to the left? So it will look something like this:

I have this portion of the page that looks amazing on desktop, but once i view the mobile version, it's messed up. desktop version: mobile version: i use code block for the icons (icons from Font Awesome) while and text for the text. an example of my font code is : <i class="fas fa-street-view fa-4x"></i> im trying to change and make my icon and text inline, so that for mobile version an icon + text will be on 1 line. i am new to coding and thus i try: <i class="fas fa-street-view fa-4x"></i><h3>18years old and above</h3> but the icon and text are on different lines... how can i code it so that it will look like this on mobile too? align to left but the icon and text should align horizontally too..