All solutions

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

Open it! It has animations!

My 22/22 of free HTML/CSS challenges here. This project how my skills grew, completing each of these challenges. Glad to have it done and feeling confident to start learning JS. Hope to come back for another batch of JS challenges in a month or two

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

That wouldn't be me if I didn’t do what I planned. I planned to finish all Newbie challenges today. 5 in total. This one is fifth. I'm done for today

Would like to get your reviews

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

That's my fourth challenge in a day! Sorry if it has minor missclicks. But generally everything works well and almost pixel-perfect(as it is possible without Figma)

Would love to check your reviews!

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

This challenge helped me to learn much new info about background positioning! Thanks, Frontend Mentor, for this experience!

Would like to get your reviews!

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

This didn't make any trouble, but I would love to read your reviews!

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

Funny that after all the harder Junior challenges, I stuck at adding image a color. Anyone got a better solution than I did?

Would be glad to see your reviews!

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

Next time I will not try to complete 14 challenges in a week. A bit tired and feel that I'm missing the exploration of new solutions, just making same-looking websites with +- the same pattern. But need to finish my own challenge

What would I do if I had only one to complete?

1. I'd try to adapt headers size with the calc value
2. Adjust dynamically changing imgs depending on screen(not media queries)
3. Try to optimize the solution with more classes and fewer strings of CSS

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

One more behind my belt. I'm getting closer to finish all challenges!

Your review is highly appreciated!

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

One more challenge on my way to 22/22 HTML/CSS challenges

Can anyone please tell me if my code well-optimized? Or should I work on making it shorter and simpler?

As a self-learner, I can't evaluate my work properly. The layout looks good, but maybe there are some methods, that are not allowed or recommended to use. Would be really nice to get a review!

One more challenge. Your review appreciated <3

One more challenge now in my pocket! Love how my speed increased while completing all of these challenges

Your reviews are appreciated!

Took some time to adjust everything. I think there are lots of ways to optimize responsive design, but I did some of the things just as it worked properly, not the perfectly optimized-minimal-code-amount solution

Would love to see your reviews and your thoughts on how to shorten the amount of code. Everyone who reviewed my previous tasks can find all their recommendations in this code. Thanks a lot!

btw I'm getting closer to completing all the tasks on HTML/CSS no JS

P.S.: Made a couple of upgrades for a more stylish look, such as images visible overflow, etc.

P.P.S.: Try to adjust each possible size of screen:)

It took me less than an hour, I'm glad that I made this progress. First QR took about 2-3. One step closer to completing all HTML/CSS challenges

Why do Button colors and h1 margin not apply in the solution card?! First time facing such an issue. GitHub Pages shows it right

Appreciate your reviews!

This project took some time, but now I know much more about grid layouts. Hope to see your reviews on this

One more project was made by me. I'm getting closer to my goal of completing all free tasks on Frontend Mentor

Challenges I faced in this project:

1. figcaption had 2% more height than image. Ended up adding a flex attribute to a figure box. Probably adding a cover property to an image would've led to the same result.

2. Also spent some time experimenting with replacing figcaption with a common div. No difference at all. Just semantic

3. Relative position of figure. Took a time to realize how to make an absolute figcaption fit into a figure

Would like to see your reviews!

During this project, I understood that my speed and understanding of what am I doing have increased. This took me around an hour to get this project from scratch to almost pixel-perfect without a Figma file. I faced only 2 issues but figured them out quickly. One was with border-radius and image overflow and the second was about setting 100% width to an image in a media query.

Would like to get your review!

It was really hard to apply that box position to work dynamically, not only in tasks breakpoints of 1440px and 375px.

I really want to get review from more experienced coders Do I did it right? Or is it any common simple solution on how to attach absolute object to a point in a flow. Googling didn't help. Mine works just on media queries in a breakpoints

Any other task compared to this absolute object was quite simple and understandable

Is that real the job of front-end dev? Sitting and adjusting margins to fit the design? Or do I just miss all the data because of using a free pack without a Figma File?

Almost pixel-perfect(without pro and Figma)

The only solution I found about making text shrink with the screen size is to apply vh or vw. Both give a huge flexibility to a font size, so everything breaks.

Can you please tell me other options?

One more project is behind my belt now. Would like to see your reviews!

Just finished Simple Omlette Recipe project. I'm pretty sure that my solution is not optimal, so would love to get an honest review on this. Thanks a lot!

Nothing special, but took a time to figure out is there a box-shadow on a design image or not