r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added image to first post

This commit is contained in:
Joshua Perry 2022-04-14 18:29:05 +01:00
parent 4be4cffc90
commit b66a99fb43
3 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/blog/images/first.PNG Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

5
blog/blog.css
View File

@ -11,6 +11,11 @@
max-width: 10em; max-width: 10em;
} }
#first > .blog_image {
min-height: 4em;
min-width: 24em;
}
.blog { .blog {
display: grid; display: grid;
grid-template-columns: repeat(3, 2fr); grid-template-columns: repeat(3, 2fr);

4
blog/blog.html
View File

@ -33,8 +33,8 @@
<section class="blog"> <section class="blog">
<section class="blog_post" id="first"> <section class="blog_post" id="first">
<button class="arrow"></button> <button class="arrow"></button>
<h1 class="blog_title">Blog Title</h1> <h1 class="blog_title">Binary Conversions</h1>
<img class="blog_image" src="assets/images/profileImage.png"/> <img class="blog_image" src="assets/blog/images/first.png"/>
<p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p> <p class="blog_content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Iste mollitia repellat, possimus nesciunt aspernatur quisquam doloremque! Illo, debitis distinctio, nostrum voluptatum possimus minus odio quaerat quia fugit maiores porro. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate quas recusandae dolorum sunt porro vero, temporibus nesciunt cum, sint iure quis suscipit dignissimos maiores cumque debitis nihil, eveniet dolores nemo.</p>
<p class="blog_details"></p> <p class="blog_details"></p>
</section> </section>