Gabr22
@MohamedGabr20233All comments
- @MohamedGabr20233Submitted 5 months ago@MohamedGabr20233Posted 5 months ago
don't know why my solution looks like that ... if u tried to visit the link , I'm sure it would looks better
0 - @mohitkaninwalSubmitted about 1 year ago
I had problem with giving the right margin and padding on the sides of the image and text.
@MohamedGabr20233Posted about 1 year agou 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 helpful1 - @BuzzFizzerSubmitted over 1 year ago
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. (✿◠‿◠)
@MohamedGabr20233Posted over 1 year agoyour 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