What are you most proud of, and what would you do differently next time?
Only the grid
What challenges did you encounter, and how did you overcome them?
First problem I face on this project is when I hover the button it expand because of the fix height not being applied I don’t know what are the other solution but for now this is my solution.
My solution is add a fix height.
Second Problem
When I try to hover the button the text inside will go down or something moving,
My solution is adding a border in the natural state this way the button always has a border but its only visible on hover,
.content__button {
background-color: var(--clr-neutral-200);
border: none;
text-align: center;
border-radius: 1.5rem;
padding: 0.725rem 2rem;
border: 2px solid transparent; /* Add a transparent border */
}
.btn__text {
margin: 0;
}
/* Hover Effect */
.content__button:hover {
cursor: pointer;
color: var(--clr-neutral-200);
background-color: transparent;
border-color: var(--clr-neutral-200) 2px solid;
}```
### What specific areas of your project would you like help with?
***If you have any suggestions on how I can improve this project, feel free to leave me a comment!***
What are you most proud of, and what would you do differently next time?
Im very dissapointed on my project its like I almost forget the fundamentals this is my third project but I face lot of problem that even chatgpt cant comprehend my prompt
What challenges did you encounter, and how did you overcome them?
A lot you can see my code im just dirty positioning
What specific areas of your project would you like help with?
I want to know what is the fundamentals of css from the beginning.
Please correct my project, It gives me dopamine to create more specially when im being corrected