Tanish Valesha• 60
@TanishValesha
Submitted
This is not a Responsive Component, as I have not covered the Responsive chapter of CSS
Any kind of help is welcomed Thanks for viewing it.
Adel Al Qosi
@Adel-Al-Qosi
All comments
- Adel Al Qosi• 250
@Adel-Al-Qosi
Posted
for the info section it needs a little bit of padding bottom. also you can center the prices (if you used display of flex you can do that by giving it an align-items of center) if you need more help in making it responsive let me know
Marked as helpful
0 - Gabriel• 170
@ctrl-brokencode
Submitted
Hello! I hope you're having a good day. If you could take your take to rate my code and help me out, it will be greatly appreciated. Thank you and have a great day!
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
make the info section and the image even in size.
tell me if you need help with how to do that, I'm happy to help
2 - Adewale66• 230
@Adewale66
Submitted
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
that look good. you can fix the svg color: you can find inside the svg a path tag, and inside the tag you should search for fill then change it to white. that would make it white. also for the prices if they are inside one div give it : align-items: center; with display of flex to make it center
also give the header width of something like 80% or 90% on bigger screens
good job and happy coding
1 - Rob Simpson• 480
@pertrai1
Submitted
Could not get the image to scale correctly in desktop. No matter what the perfume would always scale up and if I tried to make it smaller, the whole image would get smaller. Any help would greatly be appreciated.
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
did you try to give the image width of 100% and display of block? that would make it easier to deal with
if that does not help enough feel free to reach out and I will try my best to help more.
Marked as helpful
2 - Simon_Muchemi• 80
@SymonMuchemi
Submitted
I would like some advice/guidance on how to use css units. Also, any correction on the solution will be highly appreciated
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
you can use display grid for the form section. also give it some margin something like: margin: 2rem 3rem;
if that does not fix it enough please feel free to tell me and I will try to help more
Marked as helpful
1 - Lahcen• 150
@Lahcenalll
Submitted
I couldn't center the content in the button, if you guys know how, please let me know.
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
You can use flex to do so like this:
.button-class { display: flex; justify-content: center; align-items: center; }0 - Aaron Ramirez• 140
@davuboy
Submitted
i was trying so hard to do the waves but i cannot do it (I forgot to delete some comments about it). Anyways, was a really fun project for a beginner designer (makes you think and improve with flexbox).
Hope your comments!
Greetings,
Adel Al Qosi• 250@Adel-Al-Qosi
Posted
You can use some tools like this one: https://app.haikei.app/ to add these waves
Marked as helpful
0
