@amrmabdelazeem
@FrontEndHighRoller
Submitted
It was a simple project. I just to figure out how to do an active state for the image hover element.
What I have learned:
1. HORIZONTAL LINE
<div class="line"></div>line { height: 1px; width: 100%, background-color: var(--Soft-blue); margin-bottom: 1rem; }@amrmabdelazeem
Posted
Hi, Good job on tackling this!
instead of using a single div for the line, you can also use either the border-top or border-bottom for other divs around it.
for example the figure tag beneath it, you can use it like this:
border-top: 1px solid var(--soft-blue);
padding-top: 1rem;
also there is the classic <hr> tag.
@Reno08-code
Submitted
Hi lovely people ,I need your help: 1, I am stuck in JavaScript part ,I tried so many days but still could not figure out why it is not responding. Can someone help:( 2, I always have problem with linking paths regarding images ,files . The button image is not showing . I do not see a problem? Thank you
@amrmabdelazeem
Posted
Great job! don't frown regarding the JS logic, It's not an easy task and you need to combine several logic issues together in order for it to work properly, like checking for leap years between the birth and current date and what the entered month is and how many days are in it, It's complicated but if you broke it piece by piece you can mange to solve it no worries.
Marked as helpful
@amrmabdelazeem
Submitted
@amrmabdelazeem
Posted
In case someone is wondering, I've run out of generating screenshots while i was adjusting a bug in the code, I forgot to add homepage to my package.json while i was testing locally. So you'll be stuck with the white solution page until next month 😣
You can still check the final solution by clicking preview site
@Reno08-code
Submitted
Hi lovely people I have reuploaded my solution with JS this time. Please can you help me to improve my JS that it does not look repetitive.. Thank you :)
@amrmabdelazeem
Posted
Good job! There are many ways to refactor the code, one of the is you can use switch .
