@Rolando0408
Latest solutions
Social Links Challenge using HTML, CSS - Flex Box.
#accessibilitySubmitted about 2 months agoAt this time, none.
Blog Preview Card. Working through Learning Path
Submitted over 1 year agoFixing figma font issues. Learning what html elements to put margin on if there is multiple in a line/column.
Latest comments
- @kevincanderson
Overall nice work! Just a little larger margin from original between h1/h2s and the rest. But without Figma, hard to get the exact measurements.
- @MatthewPCopeWhat are you most proud of, and what would you do differently next time?
I'm proud of completing my second challenge.
What challenges did you encounter, and how did you overcome them?It was unclear to me if the box shadow increased when you hovered over the card, so I just when ahead and increased it on hover.
What specific areas of your project would you like help with?I wasn't sure if the size of the box shadow increased when you hovered over the card.
@kevincandersonGreat work finishing the project.
Feedback: Mobile view is wider than the screen width of 375, see what you can do there to fit it within that screen size. Take a look at the figma if you can download it.
Laptop, the card should be centered vertiical and horizontally, take a look at flexbox and html height.
And yes, apparently the box shadow does change - missed that in my own project.
overall very nice, keep on coding!
Marked as helpful - @nitsantaWhat are you most proud of, and what would you do differently next time?
First HTML/CSS project i've done. Next time I will write the HTML first and the move to CSS.
What challenges did you encounter, and how did you overcome them?I couldn't find a way to center my items, Then I remembers the flexbox approach and min-height: 100vh
What specific areas of your project would you like help with?Used margins a lot, I wonder if it is the right approach as it doesn't seem all that clean. Also, if I could write the CSS any better and if the HTML is logically correct.
@kevincandersonGreat work on getting it done.
Try looking into HTML height - something I can across during this one. With VH it always leaves more on there. Not an issue at all, just something I recently learned about.
Code looks good from my perspective, a few repeats of code in CSS, but overall good job.
Something to try: Maybe try getting the attribution outside of the actual project?
Marked as helpful - @Ahrf17@kevincanderson
Nice work. Without using Figma designs the margins/padding can be tough to replicate. I recommend checking your padding on the QR component as there is less whitespace on yours than the original design. Outside of that, very nice.
- @zuolizhu@kevincanderson
Looks good. Some spacing towards top missing compared to design, minor fix; but overall very nice work
