Juriya• 140
@juriya
Submitted
Oluwakayode Ige
@Jesuis-Jacques
All comments
- Oluwakayode Ige• 30
@Jesuis-Jacques
Posted
nice work!
0 - Ner046• 50
@Ner046
Submitted
What are you most proud of, and what would you do differently next time?
This is my first time doing mobile first for my website, I used media query to resize the font size in bigger screens. Next time I am thinking that it would be better to use clamp instead of media query to resize the font
There is also 2 ttf font files I could have used, but I instead just linked the font needed from google font, maybe it would be better to also make use of the font files
What challenges did you encounter, and how did you overcome them?
Main issues came from responsiveness, the blog-card overflowed in mobile view. And then I realized its because I don't have my image as max-width 100%, I also used max-width instead of just width for my card which made which also helped me a ton in my code
If there are better ways to help with the responsiveness then I would like to know
What specific areas of your project would you like help with?
I still feel I am writing more code than needed, would like for tips on how to reduce my code, also if my approach is right in general and general reminders on how to improve my code
Also one more thing, in the Figma file, in the design system there is the spacing section below.
It got 4px 50 8px 100 12px 150 16px 200
Not sure I understand what they mean by 50, 100, 150, 200
Is that just suggestion on what to name your spacing in your custom properties or is it something else?
Oluwakayode Ige• 30@Jesuis-Jacques
Posted
Completely perfect work!
0 - Iyare Usen• 30
@Iyare
Submitted
What are you most proud of, and what would you do differently next time?
In this project, I practiced using CSS flexbox to align items on a page. Prior to this time, this challenge was a daunting one because I lacked the knowledge of how to position elements vertically. However, over the past few weeks I have gained mastery through repeated use of flexbox in my projects. Next time, I'd love to fix the attribution to the bottom of the page and possibly change the component layout depending on the screen size. I also love to attempt using CSS logical properties and values instead of absolute values.
What challenges did you encounter, and how did you overcome them?
Initially, I had some issues with the vertical placement of the component. To solve this challenge, I added a height of 100vh to the parent element so that the flex item can have a reference to work with.
What specific areas of your project would you like help with?
I have read a little about CSS logical properties on MDN but I still don't get it. How can we translate absolute values given by designers to logical properties? Is there a ratio or something?
Oluwakayode Ige• 30@Jesuis-Jacques
Posted
Although, it looks like your solution has more width than the design however this is a very fine work. shows how much work you must have put into this and it made me look at the design from a perspective I didn't initially see it from(I included the down bit that talks about the 'challenge and coded by' in my design), coupled with a well articulated report on the project. I did learn a thing or two from this. Nice work mate!
0
