All solutions

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

I'm proud that I was able to create working tab switching and extract data from a JSON file.

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

It was challenging to adjust the cards to match the specified design. I added margins, paddings to the text, and line height, which helped align the card properly.

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

I need help with grid layout and also with the JS code. Did I place the styles correctly, and is my JS code clear? What can I improve?

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

I learned how to use the Chrome Debugger with JavaScript, how to use JavaScript for form validation, and how to use regular expressions and the test() method to check inputs(strings). Additionally, I learned how to work with CSS classes using JavaScript.

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

Any comments will be useful :)

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

Tried to use methodology BEM. Tried not to repeat the same line of code. I'm wondering how to improve the responsiveness of the site.

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

Challenge with background, i didn't find the correct way to place it. So I still looking for the way to solve it.

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

I am proud of doing readable and understandable code. I used BEM Methodology for naming block.

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

Small challenge was with margins in flexbox block_subscription. I delete them and used flex-grow.

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

Did I use BEM correctly? If no, what should I change? How about responsiveness? Does it readable for you? If no, please, share you opinion!

Any feedbacks are important! :)

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

I am proud of using flexbox and grid a lot here, i learnt a lot about it thanks to this project.

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

I encountered with placing all items with grids, I spent a lot of time to understand how to do it like in design. But the most helpful was site where i could create similar schema of grid.

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

I need help with creating the message share. How did you guys created in your project? Have you used clip-path? Or you just downloaded the message picture and put in html?

Also I'm still struggling with positioning, how can I improve it ?

Also I had problem with border-radius, i did it for block div "content", and added overflow:hidden, but it cut the message "share", so I deleted it. I added left border-radius to picture and deleted overflow: hidden. Please, share your experience, how did you solve this problem?

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

Finally, I placed the image with faces on the page similarly, as shown in the design.

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

Challenges related to layouts, flexboxes, and grids. Difficulties in understanding the best names for blocks and elements.

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

Hi everyone ✋

Feedback on my website's layout and suggestions for improvement

I would appreciate your feedback on both its layout and the usage of HTML tags. I'm particularly interested in whether I've used the correct tags for structuring content and any suggestions for improving the layout.

What a better way to put the circle with number

How better to place the image with faces

I used a div block and css background-image for that, but I'm interested in knowing if there is a better way to place it on a webpage.

Here is a snippet of the code I'm using:

HTML:

CSS:

.image_faces {
    background-image: url("./assets/tablet/image-hero.png");
    width: 100%;
    height: 200px;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: top center;
}

Please help with naming blocks and elements in HTML.

Thanks a lot in advance:) Any feedback is important :)

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

I am proud of working with grid, and position it like on providing design:)

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

Any feedback would be helpful :)

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

I am proud of learning how to work with CSS Grid. I managed to create four cards close similar to providing design. Also I found some interesting links about it here.

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

I can't say that I faced with challenges for now.. but maybe with borders, i can't understand how to do the colorful borders like in design.

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

I need help with colorful borders, if you know how to solve it, please, message me :)

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

I am proud of doing responsive site. But I'm not sure that it works in food way.

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

It was difficult to replace picture, but helped .card { display: flex; }

And also was problem with picture, it wasn't on full part of div, so this helped to make it wider img { height: 100%; }

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

for me important how clear code is and how readable. So any comments would be nice about it. Also for important how responsive it is, and how could I improve the responsiveness.

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

The most proud of solution with borders in table, there was a small space and i found a way new for me which I've never met before.

table {
  border-collapse: collapse;
}

• the code helped to delete the annoying small space between cells.

Next time i will do everything starting by centering all tags by flexbox;

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

The most proud of solution with borders in table, there was a small space and i found a way new for me which I've never met before.

table {
  border-collapse: collapse;

• the code helped to delete the annoying small space between cells.

Oopps, about tables....

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

I would like to find out your opinion about my code and how to improve it. It would be so nice from you. Thanks in advance for your help :)

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

I learned how to center the page with flexbox, I learned about css css priority order.

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

Simply put, it's been connected with css priority, but solved quickly by googling.