Submitted
Abdallah Aboelsaoud
@Saoud2021
All solutions
Submitted
article preview component
- HTML
- CSS
- JS
Submitted
Interactive Rating Component
- HTML
- CSS
- JS
Submitted
Submitted
four card feature section
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
i am proud of the media query part in the code , i would start with the grid display
What challenges did you encounter, and how did you overcome them?
i was not able to align the cards properly , but using the gird display and some hand drawing on a paper i was able to nail it
Submitted
What are you most proud of, and what would you do differently next time?
i am proud of being able to do responsive web design and what i would do different is i will focus more on the display grid
What challenges did you encounter, and how did you overcome them?
i could not align the image beside the text or the description , i was able to add a media query and i adjusted the container display to be a grid
What specific areas of your project would you like help with?
@media (min-width: 600px) { .container { display: grid; grid-template-columns: 1fr 1fr; }
Submitted
Recipe page
- HTML
- CSS
Submitted
What are you most proud of, and what would you do differently next time?
mobile view
What challenges did you encounter, and how did you overcome them?
i could not fix the mobile view
What specific areas of your project would you like help with?
when in mobile view , the card is cut from the top and does not show properly , the container is not aligning to the padding
Submitted
What are you most proud of, and what would you do differently next time?
i learned alot during this project and i even add some tweaks in the learning tag and the profile picture of the author
What challenges did you encounter, and how did you overcome them?
the challenge was in the text as i wasn't quite sure how to categories them but i was able to add the arrow which points to the child directly
What specific areas of your project would you like help with?
i think my projects are wide and it's scale is larger than the original designs and i am not sure how to scale it down a little bit
Submitted
QR Code Component
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
the sense of accomplishment and i will the use the flexbox more often 😁
What challenges did you encounter, and how did you overcome them?
trying to fit the qr image inside the container , i just had to make the image max-width: 100%; in the css file
What specific areas of your project would you like help with?
so far none