@pkthunder87Submitted 7 months ago
Latest solutions
- Submitted 3 months ago
Testimonial Grid section
#sass/scss- HTML
- CSS
Not much, i'm improving on the responsive side, that cool !
- Submitted 3 months ago
Product Preview Card
#sass/scss- HTML
- CSS
It's alright, maybe somes intermediate media query size, i just did 375px and 1440px. But it's responsive yeay !
- Submitted 3 months ago
Recipe page
- HTML
- CSS
On the "Nutrition" part, i kind of fail replicate the same design as the reference.
- Submitted 3 months ago
Social Link Profile - Louckoom
- HTML
- CSS
Still responsive coding, and media query learning.
Latest comments
- @LouckoomPosted 3 months ago
Great Desktop version and amazing responsive ! keep up the good work !
1 - P@mroungouSubmitted over 1 year ago@LouckoomPosted 3 months ago
You can use two differents div for your cards, one for text part (including the two text) and one only for the icon (including the svg), then you can use css property "display:flex;" and "flex-direction: column;" on both div then use the property "align-items : flex-end;" for the icon div (it will place the icon on the right part of the card) and "align-items: flex-start;" (it will place the icon on the left part of the card) for the text div. That how i did it. Appart from that, Congrat and Good work ! PS : if you don't know how to use flexbox, go to Flexbox Froggy it's very useful to learn.
Marked as helpful1 - P@KellenkjamesSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
Leveraging component-based architecture, data binding, responsive design system, and overall building a well-structured and efficient Angular application.
What challenges did you encounter, and how did you overcome them?I tried using CSS clamp for responsive typography but it was difficult to calculate the correct values. Instead, I used more predictable responsive units like REM and VW which made managing the application easier.
What specific areas of your project would you like help with?N/A
- @cavaleiro-olimpiooSubmitted 3 months ago@LouckoomPosted 3 months ago
Great job ! don't forget to use grey color for the text instead of black.
Marked as helpful1 - @Ekene001Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
Was able to make my card mobile responsive
What challenges did you encounter, and how did you overcome them?Responsiveness of the card on mobile devices
What specific areas of your project would you like help with?Could my code be reviewed? i made use of margins a couple and i'm trying to look for a better way to handle it
@LouckoomPosted 3 months agohey, that great, i kind of scroll thought your HTML & CSS files, maybe be you could decrease your padding top of your Main div, also maybe decrease a little the width and height of that "Greg Hooper" image/avatar and finally increase the font weight of your Learning button and also "Greg Hooper" paragraph. Except from that congrat on your code ! it's very well organized.
Marked as helpful0 - @dave-tegSubmitted 3 months ago@LouckoomPosted 3 months ago
So good, maybe adjust some spacing between paragraph and link part.
0
