Александр

.parent {
    display: flex;
    flex-direction: column;
}

.label {
    height: 100%;
}

[
	{
		type: 'Button',
		props: {
			label: 'Ok'
		}
	},
	{
		type: 'Card',
		props: {
			label: 'News',
			Image: 'request...'
		}
	},
	{
		type: 'TextInput',
		props: {
			placeholder: 'Hello'
		}
	}
];

{{page.map(element => <element.type {...element.props} />)}}

li:empty {
    display: none;
}

document.querySelectorAll('li:empty').forEach(element => element.remove());

document.querySelectorAll('li').forEach(element => {
    if (element.childNodes.length === 0) {
        element.remove();
    }
});

var arr = [
    {
        name: 'Alex',
        data: {
            role: '1'
        },
        childItems: ['Bob', 'Alice']
    },
    {
        name: 'Kristine',
        data: {
            role: '2'
        },
        childItems: ['Kate', 'Morgan']
    }
];

function copy(object) {
    var root = {};

    Object.keys(object).forEach(function (key) {
        var branch = object[key];

        if (typeof branch === 'object' && !(branch instanceof Array)) {
            root[key] = copy(branch);
        } else {
            root[key] = branch;
        }
    });
    
    return root;
}

var newArr = arr.reduce(function (acc, entry) {
    var clonedEntry = copy(entry);
    delete(clonedEntry.childItems);
    
    acc.push(clonedEntry);
    
    return acc;
}, []);

console.log(arr); // [{ name: 'Alex', data: { role: '1' }, childItems: [ 'Bob', 'Alice' ] }, { name: 'Kristine', data: { role: '2' }, childItems: [ 'Kate', 'Morgan' ] }]
console.log(newArr); // [{ name: 'Alex', data: { role: '1' } }, { name: 'Kristine', data: { role: '2' } }]

$result = mysql_query ("SELECT * FROM `users` WHERE `id` =",$id);

body {
    font-size: 18px;
}

C:\Users\ИМЯ_ПОЛЬЗОВАТЕЛЯ\AppData\Roaming\Sublime Text 3\Packages\User

img {
  width: 300px; 
  height: 300px;
  object-fit: cover;
  display: block;
}