@Donitron
Submitted
What are you most proud of, and what would you do differently next time?
Getting the hang of CSS grids! Had a way easier time working with it.
What challenges did you encounter, and how did you overcome them?
No challenges with this one :D
What specific areas of your project would you like help with?
Any feedback is appreciated :)
Submitted
What are you most proud of, and what would you do differently next time?
Learned about css grid! Really nice layout tool.
What challenges did you encounter, and how did you overcome them?
Had no experience working with the css grid. I used the resources mentioned in the "Building flexible layouts" section.
What specific areas of your project would you like help with?
Is it possible to make the grid responsive without using media queries?
Submitted
What are you most proud of, and what would you do differently next time?
Very proud of the responsiveness!
What challenges did you encounter, and how did you overcome them?
Started the desktop layout with a flexbox but it was hard to make the image fit the entire half section of the card. Switched to a column layout instead.
What specific areas of your project would you like help with?
Nothing specific, any feedback is welcome
Submitted
What are you most proud of, and what would you do differently next time?
Very proud of the responsiveness!
What challenges did you encounter, and how did you overcome them?
Styling the TR of the table was tricky. After some research on this I found out that you need this specific rule border-collapse: collapse; to show the styling.
What specific areas of your project would you like help with?
I feel like the css is a bit 'messy'. Could just be me though. Are there ways to make it more clean and maintainable?
Submitted
What are you most proud of, and what would you do differently next time?
Proud of the amount of time it took to build this. Seems like I am getting comfortable with the basics and fundamentals of HTML & CSS.
What challenges did you encounter, and how did you overcome them?
When shrinking the screen I couldn't keep some space between the card and the border of the screen. I fixed this by giving it a width of 89% but I am not entirely happy with that.
What specific areas of your project would you like help with?
Another way of solving the challenge explained above?
Submitted
What are you most proud of, and what would you do differently next time?
Most proud of how it is responsive and very satisfied with the hover animation.
What challenges did you encounter, and how did you overcome them?
The challenge I encountered had to do with styling the image. I realized that styling the img element is really inconsistent so I added a div as a wrapper and styled that instead.
What specific areas of your project would you like help with?
How do you make the font size responsive without using media queries? Do you set the font-size with vw?
Submitted
What are you most proud of, and what would you do differently next time?
Simply just proud that I went ahead and started this journey. Will be looking into doing more programming instead of watching tutorials all the time.
What challenges did you encounter, and how did you overcome them?
A few challenges I came across:
Centering an element in the middle of the screen. Overcame this by searching for flexbox tricks.
Using a custom font. Never actually looked into this surprisingly and there seem to be several ways of doing this. Read somewhere online that @font-face is the way to go.
What specific areas of your project would you like help with?
All css values have been used with pixels. Would it be possible to use rem instead? From what I learned you preferably want to use em or rem. Using pixel values would only be useful for border width and other small elements.
Why is @font-face the way to go opposed to for example embedding it as a link in the html?
Curious about other possibilities of centering an element in the middle of the page.
