How to make Blog Card using HTML and CSS.[Source Code]
To make this website, you would like to make two files: an HTML file, a CSS file. First, create an HTML file with the name of index.html and remember, you have to create a file with a .html extension.
<!DOCTYPE html>
Blog Card UI design - learningrobo
name="description" content="Blog Card UI design - learningrobo"
name="author" content="learningrobo.com"
name="keywords" content="blog card,responsive,learningrobo.com,html & css projects,project"
name="viewport" content="width=device-width, initial-scale=1.0"
rel="icon" type=image/x-icon href="#"
rel="stylesheet" href="style.css"
charset="UTF-8"
src="https://kit.fontawesome.com/5d72166fb5.js" crossorigin="anonymous"
<!--Hello Future Developer Thanks for Using learningrobo.com, Share & Support us-->
class="section1"
class="card"
class="cardin1"
src="https://images.freeimages.com/images/large-previews/079/quiet-place-1369425.jpg?fmt=webp&w=350" alt="Profile Image"
Post Title
Author : Unknown class="fa-solid fa-calendar-days" 12 August 2023
class="cardin2"
Explore the breathtaking beauty of untouched wilderness, where nature's symphony of flora and fauna harmonizes in perfect serenity.
Read More..
/**
Hello Future Developer Thanks for Using learningrobo.com,
Check our website Regularly For New Snippets Post.
Share & Support us
**/
@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');
*{
box-sizing: border-box;
}
body{
font-family: Arial, sans-serif;
margin:0%;
}
.section1{
height: 100vh;
display: flex;
flex-direction: column;
justify-content:center;
align-items: center;
background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);
}
.card{
display: flex;
flex-direction:column;
Thank you for reading our blog. If you face any problem in Creating a Blog Card using HTML and CSS., then contact us or comment to us. We’ll try to provide a solution to your problem as soon as possible.
Explore
Press The Key ' p ' and say ' read article ' our voice assistant read our article.
In Our older post it doesnot work we working on that.
In Our older post it doesnot work we working on that.
Post a Comment
Thank you
Learning robo team