Recommend it to me - apps

2 minutes read. Published: 2019-12-10

Table of contents

• Example
  • App listing code

A simple way to recommend software in your blog

Example

App listing code

<style>
	.software-recommendations {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
		gap: 10px;
		font-size: 1rem
	}

	.recommendation-card {
		padding: 10px;
		background: #f0f0f0;
		border-radius: 10px;
		text-decoration: none;
	}

	.software-recommendations * {
		margin: 0;
	}
</style>

<div class="software-recommendations">
	<!-- start app item -->
	<a class="recommendation-card" href="https://joinmastodon.org/">
	        <img loading="lazy" src="https://raw.githubusercontent.com/tootsuite/mastodon/master/public/android-chrome-192x192.png">
	        <h3>Mastodon</h3>
	        <p>Social network</p>
	</a>
	<!-- end app item -->

	<!-- just copy the app item here how many times you want -->
</div>

---