Looking to hire developers?
@SanderBuist2
@yas-avocad
Submitted
What are you most proud of, and what would you do differently next time?
Getting better with responsive design.
What challenges did you encounter, and how did you overcome them?
N/A
What specific areas of your project would you like help with?
Corner is not taking the border-radius. Tried overflow: hidden and seeing if certain elements were preventing it from curving.
@SanderBuist2
Posted
nicely done.
In this part:
.image-desktop {
display: block;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0px;
border-top-right-radius: 0px;
width: 300px;
}
remove both top right parts and set the bottom left part to 10 px. That will solve it.
Marked as helpful
@ajibona
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud to work on these projects. It takes me a lot of time as I have to try many things and figure out which styling works best. I think my learning and problem-solving skills have improved a bit. It feels good to create something that others can see.
What challenges did you encounter, and how did you overcome them?
Each time I adjust styles for the mobile version, I find it affecting the desktop view. I try to solve it and ensure compatibility for both.
What specific areas of your project would you like help with?
Any feedbacks and tips is ok.
@SanderBuist2
Posted
Nicely done. Before you start working on the desktop version, make sure your mobile version is 100% done. If you need extra divs or other components for the desktop, make them first, check if your mobile version is still 100%. This way you will probably notice you only have to do a few changes to complete the desktop version.
Marked as helpful
@alberto-rj
Submitted
What specific areas of your project would you like help with?
👍 Hi, if you have any ideas on how I can improve the background on the image to match the design, please let me know.
@SanderBuist2
Posted
if you add:
to your img in your css, the image will blend with the background and will keep the darker colors. (there are more modes with differend effects, you can play with them)
Marked as helpful
@amankr794
Submitted
@SanderBuist2
Posted
add this:
height: 100vh;
to your main and your card will be vetically centered.
Marked as helpful
@Nikhilsuthar09
Submitted
What are you most proud of, and what would you do differently next time?
I'm really proud of completing this 2nd project on my own.
What challenges did you encounter, and how did you overcome them?
Javascript is really not what it seems like in tutorial videos I really need lot of more practice to work fluently in dom manipulation.
What specific areas of your project would you like help with?
However im still not able to change the icon-plus and minus size in mobile sizes screen, if anybody knows how to achieve that using CSS, since width and height properties are not working for me. Your suggestions are most welcomed.
@SanderBuist2
Posted
you can easily change to the minus symbol if you toggle a class of the image like you did with the answers.
example: css: .minus { content: url("../assets/images/icon-minus.svg"); } html : <img src="./assets/images/icon-plus.svg" />
Marked as helpful
