Frontend Mentor | Yudi Yoshida's profile

jeepitou•35

@jeepitouSubmitted over 3 years ago

First time doing this! Can I get some tips on how to improve?

What was the best way to apply a color filter on the picture? I'm not too satisfied with how it ended up.

Basic HTML&CSS solution to preview card component

1

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, jeepitou, how are you?

Your project look good, congratulations!

I would only suggest to set some max-width to the div.main-component, so it won't look too wide in some screen dimensions.

I'm sorry about my english, I'm still learning and I hope that I've helped you in some way.

Keep coding!

1

Roy•195

@royschrauwenSubmitted over 3 years ago

I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is welcome.

Also, in Chrome there is a cyan border around the top-half of the profile-image, but there is not in Firefox. Can anybody tell me why that is?

Profile Card Component using HTML and CSS

2

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, royschrauwen, how are you?

Your project looks perfect, congratulations! You're studying for only a month and you've made a nice work!

Keep coding!

0

Jean•335

@JeanMiesesSubmitted over 3 years ago

OK, this one was fun to do! Any feedback, I would appreciate it.

Three Column preview cards solution

2

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, JeanMieses, how you doing?

Your project looks good, congratulations.

I would only suggest to set some border-radius in the cards, so it will look exactly the same as the original.

Kepp coding!

0

Andres Del Rio•10

@delrio12Submitted over 3 years ago

Hey!

This was my first challenge, I was wondering if someone can recommend a tool to get all mesures, font styles, etc, from the images provided on the free version. I was thinking about paying for the PRO version but not sure yet, can anyone share their experience with the PRO version? Thank you!

Article preview component

2

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, delrio12, how are you? Nice work on your project! it looks good! Congratulations.

So, I've been using two Google Chrome tools. The first one is to capture colors from other websites. Its name is ColorZilla. The other one is to get font styles: Fonts Ninja.

I'm sorry about my english, I'm still learning and I hope that I've helped you in some way.

Keep coding!

0

Sintaxis Dev•50

@SintaxisDevSubmitted over 3 years ago

I know I can do it with less code! All comments are well received! :D

Mobile First - 3 columns challenge! With CSS Flexbox

1

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, SintaxisDev, how are you?

Your project looks perfect, Congratulations!!

Keep coding!

0

Tony Tang•215

@FMcodingSubmitted over 3 years ago

Any feedbacks are appreciated :)

3 Column Preview Card

3

Yudi Yoshida•350

@yudiyoshidaPosted over 3 years ago

Hey, Tony, how are you?

Your project looks good, congratulations! However, there's some screen dimensions that it's not possible to see the column's button (specifically 600 width).

I would recommend using more media queries, so your project will look more responsive in all dimensions. Sorry about my english, I'm still learning and I hope that I've helped you in some way.

Keep coding!

1

Ernesto•35

@ernestoK-2000Submitted over 3 years ago

Want to know where can I learn css animation tricks and patterns and which ones are applicable for this project. Also I'm open to critisism in order to improve.