@qluback
Submitted
@motuncoded
@qluback
Submitted
@motuncoded
Posted
Very good using your own image and details
@jdhilts
Submitted
@motuncoded
Posted
Nice work !!!! The padding between the heading content should be reduced.
@mihai1702
Submitted
What specific areas of your project would you like help with?
I don't know how to put the purple overlay on the image.
@motuncoded
Posted
Congratulations on first attempt !!! Having the container can be done by centering it
display:flex;
justify-content:center;
align-items:center;
min-height:100vh
}
for the purple color, using this will help give the image the purple color.
img{
filter: invert(9%) sepia(16%) hue-rotate(227deg) saturate(1522%) contrast(100%) brightness(54%);
}
I hope you found this useful
What specific areas of your project would you like help with?
Hello!, any constructive criticism I will be happy to read them
@motuncoded
Posted
Congratulation on your first attempt to this !!!
You can center the card by using this below,
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
}
I hope you found this useful
Marked as helpful
What are you most proud of, and what would you do differently next time?
I am the most proud of completing the project and for sticking with practicing the skill of web development. I wouldn't do almost anything different the next time as the next project will have its lessons and the most I am hoping for is that the lessons I learned earlier will be of great help with solving new problems and in making me more efficient in the process.
What challenges did you encounter, and how did you overcome them?
There were a few challenges but nothing too serious. The first one was with using git. Since I'm somewhat new to using git and this time I was using two different computers for writing the solution I needed to learn how to fetch the newest versions of code. The process is relatively straightforward and was solved by using Chat GPT. The other small problem is with motivation for writing documentation as it's not as fun as writing code.
What specific areas of your project would you like help with?
If anyone has some experience with the BEM naming convention I would be grateful for any comments regarding my implementation. Also, any other suggestions would be greatly appreciated. Thanks!
@motuncoded
Posted
Well done on your attempt on the blog preview card challedge... You can do this by centering your card
body{
display:flex;
justify-conent: center;
align-items:center;
min-height:100vh
}
I hope you found this useful
@motuncoded
Submitted
What are you most proud of, and what would you do differently next time?
Everything about the social links project
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
None
@motuncoded
Posted
thanks
@Falconstadium
Submitted
Feedback is welcomed.
@motuncoded
Posted
Congratulations to you in creating solution to this challenge. The items inside the body can be centered
body {
display:grid;
place-items:center;
min-height:100vh;
}
I hope you find this useful
@Fawziyyah-hub
Submitted
@motuncoded
Posted
Congratulations to you for providing the solution to this challenge. You can try to make the item in the body centered.
body{
display:grid;
place-items: center;
min-height:100vh;
}
I hope you find this helpful.
@PenelopeDefourne
Submitted
@motuncoded
Posted
Congratulations to you for providing the solution to this challenge. You can try to make the item in the body centered.
body{
display:grid;
place-items: center;
min-height:100vh;
}
I hope you find this helpful.
@builtbyjosh
Submitted
@motuncoded
Posted
Congratulations to you for providing the solution to this challenge. You can try to make the item in the body centered.
body{
display:grid;
place-items: center;
min-height:100vh;
}
I hope you find this helpful.
@seinlusnyongesa
Submitted
@motuncoded
Posted
Congratulations to you for providing the solution to this challenge. You can try to make the item in the body centered.
body{
display:grid;
place-items: center;
min-height:100vh;
}
I hope you find this helpful.
@yasir-albardawil
Submitted
@motuncoded
Posted
Congratulations to you for providing the solution to this challenge. You can try to make the item in the body centered.
body{
display:grid;
place-items: center;
min-height:100vh;
}
I hope you find this helpful.
Marked as helpful