Please tell me anything that might be wrong or needs an addition, your feedback would be appreciated.
Julian Hincapie
@julianhv20All comments
- @ZunairIqbalSubmitted over 4 years ago@julianhv20Posted over 4 years ago
You are currently using the position property to distribute the cards in the layout which is not the proper way. The best way to make layouts is using flexbox and grid. These guides and games will help you improve your skills
Flexbox : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Grid : https://css-tricks.com/snippets/css/complete-guide-grid/
I recommend these two games: Flexbox froggy : https://codepip.com/games/flexbox-froggy/ Grid garden : https://codepip.com/games/grid-garden/
1 - @CelticSheepSubmitted over 4 years ago
Hi all,
I saw on the mobile design that illustrations are located "All your files in one secure location, accessible anywhere" and "Stay productive, wherever you are" texts.
How can I put the illustration above those text like the design? (the illustrations are below the texts on HTML so when I show the grid, it comes the order on HTML...)
Your feedback'd be much appreciated.
@julianhv20Posted over 4 years agoYou did a good job on this project!, I recommend you to use the order property of css grid
The order property can be used to specify the order in which different items should be placed inside a grid. By default, the items are placed in the order in which they appear in the DOM.
https://www.sitepoint.com/order-align-items-grid-layout/
2 - @minnielahotiSubmitted over 4 years ago
Thank you for providing feedback!
I struggled the most with the Supervisor and Calculator alignment. If someone has a more efficient way of aligning them rather than my method (which is manual and I know is not right due to scalability issues) I'd love the feedback.
Thanks!
@julianhv20Posted over 4 years agoThe best way to make layouts is using flexbox and grid. These guides and games will help you improve your skills
Flexbox : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Grid : https://css-tricks.com/snippets/css/complete-guide-grid/
I recommend these two games: Flexbox froggy : https://codepip.com/games/flexbox-froggy/ Grid garden : https://codepip.com/games/grid-garden/
1 - @incodenito-modeSubmitted over 4 years ago
what free learning would you recommend on https://www.frontendmentor.io/resources that I can study to improve my html and css skills? Thanks!
@julianhv20Posted over 4 years agoFylo dark theme landing page is excellent to keep improving.
0 - @regularjaoSubmitted over 4 years ago
Hi (: that's my first solution submit at frontend mentor, and also my first attempt to write the html and css for a given layout design with no further assistance, before this I had only completed some instructed video tutorials. To solve the task, I used mostly CSS flexbox and media queries (in order to make it responsive).
@julianhv20Posted over 4 years agoVery good work ! don't forget the background ...
0