All solutions

What are you most proud of, and what would you do differently next time?

Html and css was easy, but diving into JS was quit harsh. There is a lot of condition in basic state is 4^2 and later on i increase it 4^2 * 3 conditions. Nightmare. I believe that there is some better solution

What challenges did you encounter, and how did you overcome them?

conditions in JS

i manualy edit one by one

What specific areas of your project would you like help with?

Check my conditions and give me advice how to do it better. thx

What are you most proud of, and what would you do differently next time?

HTML and CSS are fine. JS is first attempt. I used Jquery, it is much simpler then raw JS.

What challenges did you encounter, and how did you overcome them?

Actualy, it can be done without JS.

There were some issues about hovering elements. I made transparent layer under hovering element.

What specific areas of your project would you like help with?

Juest chek my code.

What are you most proud of, and what would you do differently next time?

I am able transform another technologies into frontEnd - jQuery.

What challenges did you encounter, and how did you overcome them?

jQuery syntax. This is first time when i touch javascript.

What specific areas of your project would you like help with?

If you have some ideas, let me know. thank you

What are you most proud of, and what would you do differently next time?

Playing with little details. To be responsive.

What challenges did you encounter, and how did you overcome them?

So many little things on one small places.

What specific areas of your project would you like help with?

Just checked it pls and tell major issues.

What are you most proud of, and what would you do differently next time?

I tryed to think ahead, but still i have to rework some HTML structure when i build breaking points. I use resolution switching for pictures now.

What challenges did you encounter, and how did you overcome them?

HTML planning, not too much elements as parents. Not to go too deep. Flex is magic.

What specific areas of your project would you like help with?

Just everything i gues.

What are you most proud of, and what would you do differently next time?

I made it by flexbox. But i thing that there is a better way with Gridbox.

I have to open new branch in git and make it with Gridbox.

What challenges did you encounter, and how did you overcome them?

Switching flexbox in breakpoints. I needed working with calculator and sort it out some percanteges. to be better dynamic and fluid.

What specific areas of your project would you like help with?

Need focus on gridbox. But i like flexbox. damm.

What are you most proud of, and what would you do differently next time?

1. Here i have to think how to prepare HTML for breakpoint switching.
2. Playing with flexbox. That was fun. I tryed some things to do without flex box and i made tons of code and the just one parrametr in flex box and it works as well. One line of code. Nice.

What challenges did you encounter, and how did you overcome them?

Thinking ahead. Write some notes before started.It takes time but in the end it is shorter if you stick with the plan.

What specific areas of your project would you like help with?

Still BEM naming. Id like to usem better in the SASS with & parrent selector. Still strugelling with naming classes in HTML. Parrent of parrent makes me trouble.

What are you most proud of, and what would you do differently next time?

"art direction" and "resolution switching."

I made another two copies in lower resolution width exact container width, and save some bandwith and higher resolution imgs are used for retina displays x2 and higher. for every resolution switch.

This is lot of code. And if there will be more pictures on the site it will be nightmare. But it is doable and it speeds up the site.

What challenges did you encounter, and how did you overcome them?

The most of the time i strugle with resolution switching and @media for it.

What specific areas of your project would you like help with?

"art direction" and "resolution switching." that is pain. But now i have some templates which i can use.

What are you most proud of, and what would you do differently next time?

In this challenge i made deep dive into "resolution switchnig" and "art direction". It is complex theme, but in the end you can speed up your pages and increase quality pictures on retina displays.

What challenges did you encounter, and how did you overcome them?

on list the number of items has different color then text inside. A solved with pseudoelements and sass cyklus to make it faster with codding.

What specific areas of your project would you like help with?

Still BEM. I dont know how to adress name of children which have two parents.

What are you most proud of, and what would you do differently next time?

I like the design. Its perfect. It is minimal, colors are perfect.

It is my third challenge in cards. First challenge took me all day. this one only two hours.

What challenges did you encounter, and how did you overcome them?

I tried to preserve img size even if is something with server provides img. If something happend, img has grey background and preserve size. it will not jump up and down when page is loading.

What specific areas of your project would you like help with?

I think it is all right for the moment.

What are you most proud of, and what would you do differently next time?

I developed an enviroment in Sass for myself. That allows to me start with project very quickly.

Here i host fonts from root server. @font-face

also played with git. Created master branch and later on cretaed another and after some time i merge them.

What challenges did you encounter, and how did you overcome them?

There was challenge for me that height of main card picture is set on 200px even on breakpoint. It has to stay on height 200px but width has change and picture inside has keep hold his aspect ratio.

i used object-fill:cover and set min-height with em units to 200px

What specific areas of your project would you like help with?

Just check my code pls and if you find something usefull let me know.

What are you most proud of, and what would you do differently next time?

I created background of the qr code from pseudoelements with position-absolute, gave them circle shape like in the design and place it correctly.

qr code picture has transparent background. This element can be used to recieve some real qr code from javascript generator or else method.

What challenges did you encounter, and how did you overcome them?

Trying to use BEM methods, coz i am using sass and that thanks to parent selectro "&" can save some time and writing less.

Need to think how to use it correctly

What specific areas of your project would you like help with?

With BEM

What are you most proud of, and what would you do differently next time?

I made component to the center of the screen with flexbox. I also use sass function target/content for em unit calculation.

@function em($target, $content) { @return calc(($target / $content) *1em); } for example .card{ margin-bottom: em(32,16) }

there is no fixed values, all is in em unit. So if you change default font size everything will change properly.

next time i will add javascript function for that qr generator instead of picture only and on the backround i will try to make circle with css. position relative and so on.

What challenges did you encounter, and how did you overcome them?

recalculate to the em unit.

What specific areas of your project would you like help with?

I think its is all right for the moment

Backround is made by absolutes elements. QR code is made by JS.

I made rework, community gave me some advice and i use them, Now its much cleaner and even smaller and more precise. And learned some good techniques what i can use later on on another projects. thx

Simple love it. Very nice Challenge. This is my firstime js deploying. I tried to maximum perfection.

Quiet tricky page.