Gabr22• 280
@MohamedGabr20233
Submitted
Gabr22
@MohamedGabr20233
All comments
- Gabr22• 280
@MohamedGabr20233
Posted
don't know why my solution looks like that ... if u tried to visit the link , I'm sure it would looks better
0 - Mohit Kumar• 10
@mohitkaninwal
Submitted
I had problem with giving the right margin and padding on the sides of the image and text.
Gabr22• 280@MohamedGabr20233
Posted
u can use the following code : containerthe box class{ display : flex ; align-items: center ; justify-content: center;} or use { **display : grid **; place-content: center ; }
Marked as helpful
1 - Caramello• 180
@BuzzFizzer
Submitted
console.log("Hello Programmers"),Even though this project posed some challenges for me, I thoroughly enjoyed working on it, so much so that I took extra time to add additional features.
Technologies Used:
Extra Features:
- Pagination: Added the ability to limit results per page, and a page navgation strip to allow easy movement between pages.
- Sorting: Added the ability to sort countries based on name and population in an ascending or descending fashion.
- Animation: Used a combination of AutoAnimate, transitions, and animations to create as smooth experience when traversing the page. This includes moving between result pages, changing website theme, when items are moved, shown or hidden, or when hovering over items.
Difficulties Encountered:
- Route Transitions: I have used Vue's transition component to animate the route transitions a few times in the past, but unfortunately, it didn't work for me on this project for some reason. (I'll look into it further and update this project if I find anything)
If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)
Gabr22• 280@MohamedGabr20233
Posted
your work is magnificent, do u have any advice for a beginner like me who only know html and css (not advance ) and learning JS
1
