All solutions

Hi you guys! here with other challenge, i have some questions.

1. The principal problem in this challenge for me was the background images, at begenning i put it such as a img html, but later you must change them for the desktop version, i got it using a div and background image with 100% width and padding top for the height of the image. There are other ways for do that?

2. The arrow below the title in header, i used an pseudo class before and position for put the arrow like a background, but depending width device i had to change the value of position in each breakpoint, i'm sure that exist a better method.

The rest was relatively easy, flex and grid for the articles and components like cards, will be great if you can see my live site, all feedback is welcome.

Have a nice day guys 💝💟

Hi guys! here with other challenge. Here my notes.

To do the curved top in the second article i did wih clip-path and a elipse, inteased of the svg that we have in the folder of images, i could not the way to use the svg...

If you know how do it, please comment !

According the page only 4504 people have completed this, but i believe that somebody can help this newbie :^)

I used sass, all other feedback is great, and other ways to do things.

Have nice day! 💖

Hi guys, really i liked how it turned out, overall the animations, because the challenge is a bit easy, i think look good. Any feedback is good!

Have a nice day <3

This challengue really was a little hard for me, mainly because i think i write so many code to change the styles in media queries, and in this challengue i start to use modules for css files and scss files, having a file for base, layout and components for scss and import to css (styles.css).

How can i write a lot less code in scss? i try it using the components and modules, but i think there are many other methods, (if you can view my code will be amazing!).

All other feedback i'll be great ! have a nice day guys <3

Hi, here with other challenge of this plataform.

In general i want that someone give me tips for improve my sass code.

I do my best trying to make it the closer as possible with the design, i used sass, if someone can show that and say me how i can improve the sass code will be great, and in general best practices also be great.

Any other feedback always is helpful, have a nice day guys <3

Please i need your help, in this challenge i think there are better ways to do and i'm not sure that's ok.

For example:

1. To align the point at the end in bar progress i used (text-align: -webkit-right)

2. The containers are fixed (static units)

3. The text space left use position to put in the end of the container, the text of GB left, use position to put at the end of the container i want to that text resize with the progress bar and with of container, but i dont get it, i don't know if that requies javascript or only i don't know it.

All other feedback is welcome! have a nice day! <3

In the mobile design I could not position the shape in the exact place, but a little approximate, if you could make it clean, I ask you to tell me how, why I could not and I applied media queries from 1024px, below that was too narrow for the layout.

Any other detail or feedback is welcome. Have a nice day <3

Any feedback is welcome, have a nice day.

You may notice that the icon fonts are not the same as in the design, it was because in the preview of the challenge I believed that they would not be in the style guide and I put the ones that I downloaded in iconmoon, and when I realized that they were there , I was lazy to change them XD.

Any other comments or suggestions are welcome, have a good day <3

I really liked the way it looked, but I think it could improve, any suggestions and comments are welcome, thank you.

Have a nice day.

This challenge make me do bad practice like use (!Important) and manipulate the grid with position, things that i think can be better.

Hope you can help me, any other feedback is welcome.

I do my best.

Any feedback is welcome, thanks <3

I don't use SASS or other preprocesser, because for the "newbies" the most important is dominant the basics of lenguajes (and because i don't know use it yet xD)

I try to do this responsive, and i said "try" because i think there are better methods than i use in this case, if you know how to better i'll thank give me feedback <3

My bigest problem was the background with the position background and the porcents, that made me write a media querye for each misalignment, and repeat code for change a single value :/

All other, if you see something you think can do better, please write it!

Be severe, is the way to learn. Thanks!

(Sorry if my english make you cry, i'm learning)