KojoYeboah• 130
@KojoYeboah
Submitted
Kamil Popiołek
@itzL1m4k
All comments
- Kamil Popiołek• 90
@itzL1m4k
Posted
Great work!
0 What are you most proud of, and what would you do differently next time?
next time ill try use Sass for my project
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
Is there a proper way to do the middle 2 cards thing?
Kamil Popiołek• 90@itzL1m4k
Posted
Nice work! Personaly I used position attribute to do each card. Check out my code to see what I mean.
0- HeewonSeo1• 80
@HeewonSeo1
Submitted
What are you most proud of, and what would you do differently next time?
Gaining a better understanding of media queries and responsive design
What challenges did you encounter, and how did you overcome them?
I had a bit of a challenge in regards to responsive design
What specific areas of your project would you like help with?
Writing cleaner css
Kamil Popiołek• 90@itzL1m4k
Posted
You didn't add active states to button. Your css code isn't bad, but I recommend you to practise more with media queries, here is more about media queries: https://www.youtube.com/watch?v=K24lUqcT0Ms
0 What are you most proud of, and what would you do differently next time?
My biggest takeaway from this challenge is CSS utility classes. I took another approach than I usually do and focused on using utility classes and CUBE CSS methodology to reduce repeated CSS. It is a smaller project, and it won't ever grow. However, I tried to write my code so that the project could expand without causing issues in the future.
This mind shift was difficult in the beginning. But overall, I like this approach more than what I did before. The code is more fluid, easier to read, and to change (if needed).
Notes for the future:
- Place the utility classes last in the CSS code - it should overwrite everything else.
- I used utility classes for
color,background-color,font-weight,font-size,font-family, and spacing (named flow). Other styling I did in the CSS file.* - Use "|" to differentiate utility classes and other classes.
*Mixing utility classes with CSS feels like a good idea. My HTML won't be full of a million classes, and I don't have to repeat basic styling in my CSS file.
What challenges did you encounter, and how did you overcome them?
Basing my code on the CUBE CSS methodology was quite challenging since I'm not used to structuring my code this way. Ultimately, I'm delighted with this approach and excited to learn more about it.
What specific areas of your project would you like help with?
I want to continue to focus on trying out this utility class and CUBE CSS approach. It feels like a more professional way to write code - I'm not 100% sure.
- Is this a good way (understandable, easy to work with, etc.) to write code?
- I'm curious about how professionals usually structure their code and why. Is it in this way? Does it vary a lot depending on the individual and workplace?
Kamil Popiołek• 90@itzL1m4k
Posted
You're desing is amazing, and your code is very readable.
1- RehanKhaz• 100
@RehanKhaz
Submitted
What are you most proud of, and what would you do differently next time?
First time I have add some page a little bit responsive . I don't know that page is looking good or bad but I'm proud of it.
What challenges did you encounter, and how did you overcome them?
I was so confused to how to make the page responsive but it give me some confidence.
What specific areas of your project would you like help with?
About responsiveness.
Kamil Popiołek• 90@itzL1m4k
Posted
Your responsiveness isn't bad, I think adding some animation between CSS property changes would be nice.
0 - nikol-zimova• 120
@nikol-zimova
Submitted
Kamil Popiołek• 90@itzL1m4k
Posted
It is very nice looking design, but I will consider using a better screenshot in the preview as it doesn't really look like your webstie in my opinion.
0 What are you most proud of, and what would you do differently next time?
Implementing everything I've learned about HTML and CSS to accurately replicate the QR Code Component.
What challenges did you encounter, and how did you overcome them?
Ensuring that the design is implemented in a responsive manner; hence, use the browser developer tools to confirm responsiveness.
What specific areas of your project would you like help with?
Nothing specific, but any feedback is highly appreciated.
Kamil Popiołek• 90@itzL1m4k
Posted
Your solution is bigger than the design, I will consider using better CSS properties next time.
0
