margin ig pictures, links index

This commit is contained in:
fr34k 2020-10-12 00:36:26 +02:00
parent ae9eaaf53d
commit 71d51b991a
2 changed files with 7 additions and 5 deletions

View file

@ -16,13 +16,15 @@ img {
max-width: 100%; max-width: 100%;
} }
.images { /*Diese Klasse hab ich den ig bildern zugewiesen*/ .images {
filter: grayscale(100%); filter: grayscale(100%);
transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out; transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out;
height: 200px; height: 200px;
width: 200px; width: 200px;
cursor:pointer; cursor:pointer;
margin: 5px; margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
} }
.images:hover { .images:hover {

View file

@ -17,8 +17,8 @@
<ul> <ul>
<li><a href="/">Home</a></li> <li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li> <li><a href="about.html">About</a></li>
<li><a href="projects">Projects</a></li> <li><a href="projects.html">Projects</a></li>
<li><a href="contacts">Contacts</a></li> <li><a href="contacts.html">Contacts</a></li>
</ul> </ul>
</nav> </nav>
</header> </header>
@ -124,7 +124,7 @@
</div> </div>
</section> </section>
<p><a style="color: #f9f9ed; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p> <p><a style="color: #f9f9ed; text-decoration: none; font-size: 15pt;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
<div id="ig_container"><!-- instagram posts will be inserted here --></div> <div id="ig_container"><!-- instagram posts will be inserted here --></div>
</div> </div>