P
@ltc870
Coding is fun! I am glad that I was able to transition into a developer (front-end for now)! I hope I can be a part of this great community, improve my front-end skills and help others within my limited (and expanding) knowledge. Have a nice day, to those who're reading this - whoever you are.
I’m currently learning...HTML, CSS, JS, frameworks, libraries ...
Latest comments
- @NationsAnarchy
Everything looks and functions great Lawrence, well done! I guess the only thing we can do to match the design is to perfectly center the card to the screen :D
- @py-rod@NationsAnarchy
You can try Font Awesome - it's a very popular website for using and hosting a font library so you can use with your own projects :D
https://fontawesome.com/
Marked as helpful - @udinjelek@NationsAnarchy
Hey there Udin, good job showing your solution here on the website!
If you want to have a different layout for a smaller width, you can use the CSS media query properties: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Please have a look at that article, it should give you the idea on how to align/size elements properly with different screen widths. Do let us know what else we can help you with as well, and happy coding!
- @XxtbmfxX@NationsAnarchy
Good job with the solution, Alexis!
If you want those star ratings/review cards to be escalated like the design - you can use the CSS Grid system, where you can align elements within a grid/table system, that way you can have them align accordingly :D
https://www.w3schools.com/css/css_grid.asp
Feel free to play around it - and let us know what else we can help you as well. Happy coding!
- @mouhibeddine@NationsAnarchy
Well done on completing the challenge, Mouhib!
I believe that the next step we can do with this one is to implement responsive designs once the website shifts the layout to smaller screen width.
You can have a look at the
@mediaquery CSS properties and start working from there: https://www.w3schools.com/css/css_rwd_mediaqueries.aspLet us know what else we can help you with, and have fun coding!
Marked as helpful - @doleetos@NationsAnarchy
I believe that awkward animation you were referring to is actually the webpage's elements loading - so I don't think it can be changed/fixed from the code we write.
Otherwise, this is an excellent solution - so well done for completing it!
