Made 2 cards in same column
What challenges did you encounter, and how did you overcome them?To make cards in same column with and cards have same size
What specific areas of your project would you like help with?Any help is welcome)
Made 2 cards in same column
What challenges did you encounter, and how did you overcome them?To make cards in same column with and cards have same size
What specific areas of your project would you like help with?Any help is welcome)
Good work, but just avoid rewriting the same CSS property in the media query because it doesn't change anything, just put the property that changes from the break point to another.
I'm proud of the result
What challenges did you encounter, and how did you overcome them?nothing to report
What specific areas of your project would you like help with?nothing to report
Thank you for your feedback, I really appreciate your recommendations.
Correct layout
What challenges did you encounter, and how did you overcome them?Layout
What specific areas of your project would you like help with?Any help is welcome))
The fact that I do not to write any media queries while making my code responsive.
What challenges did you encounter, and how did you overcome them?I encountered some issues in making the design as similar to the original as possible but I was able to fix this using width percentage.
What specific areas of your project would you like help with?I need to learn to write lesser amount of CSS code to achieve the same result.
good work, but just to add padding for your image you need to add padding for your header. and if you have a 100% width image, giving it margin does not change anything, and also to write fewer lines of code you just need to remove the justify-content:center; and align-item:center; properties and give padding-left for your main and like that you will remove the width and margin you gave your sections and you will have the same rendering as the challenge.
Proud about the fact that using flexbox felt natural to me. Next time I might personalize this page with my info :)
What challenges did you encounter, and how did you overcome them?Getting the links section was a bit of a challenge. I knew I wanted to use flexbox, but it took me some time to make it work.
What specific areas of your project would you like help with?In figma, when looking at the height of the object it is sometimes writted as 'Hug' - I am using an explicit height atm - wonder if I need to use anything else ?
Also, if anyone can look at the links section where I used unordered list with anchors - could I do it in a more elegant way ?
Use of flexbox.
What challenges did you encounter, and how did you overcome them?I forgot how to add box shaadow to the card, so i google and check the steps with w3school
What specific areas of your project would you like help with?None for now
good work, just forgot the card border and the card width to review.
I am happy that I am utilising vanilla CSS for these challenges to understand the concepts.
What challenges did you encounter, and how did you overcome them?Trying to make it more responsive.
At the moment, I am assuming the width of the screen won't get smaller than 320px.
What specific areas of your project would you like help with?I am getting vertical scrolling on mobile view.
I was trying to use 'dvh' but it didn't seem to work.
Feedback on this issue would be greatly appreciated.
Thank you
Good work, you just need to avoid using div tags for sementic, and you can also refactor your css.