All solutions

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

the email valid/invalid notification. next time i try to plan the code more clear.

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

how to pass data from page to another page. search it online for answer.

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

how to make `` text to align to the top of the list-style-image instead the bottom? what it the AVERAGE estimating time for this kind of project.? Discover easy-to-follow strategies for improving code quality and learning.

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

1)shwoing the X logo and using the twitter logo as backup. 2) using flex only without grid. next time i try only grid.

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

1. how to make css tooltip CSS tooltip
2. how to use a default image when the wanted image is 'no found' for any reason How to apply a default image URL to an image tag with JavaScript
3. how to allow a specific item to overcome overflow: hidden;? i used position: fixed;
4. how to change img/svg color? i used background-blend-mode: color-dodge;

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

Discover easy-to-follow strategies for improving code quality and learning.

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

next time i will try solve it using flex only. maybe to solve if it can solved without using @media

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

• how to create different width size of grids. i read about grid and learned how to span grids.

• i learned how to resize a svg ::before pseudo-element content using scale().

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

• how to make the 1st and the 4th cards 2.1x than the other cards. is there grid-column: sapn 2.1?

• how to solve the challenge without using @media.

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

to solve the challenge without using @media, next time i try to make the cards carousel.

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

HOW TO MAKE FLEX ITEMS EQUAL WIDTH? i overcome it by reading an article of Kevin Powell about this issue.

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

to learn new ways of best practices for challenges like this.

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

• learnd about , tags.
• how to use srcset attribute images for different devices
• to use @media in `` tag
• it took me more hours than what i was expected

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

it was a challenge to ensure correlation between the @media break to change image, and the grid break from 1 column to 2 columns. to overcome it i used the browser DevTools to check the result and tune it in the browser

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

none

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

using:

• Semantic HTML5 markup
• LQIP - low-quality image placeholder
• searching for iseues via AI copilot

next time i try CSS GRID/FLEX

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

1. using the ::marker pseudo-element

2.how to apply a different colors in tag, one color for the list-style-type and second color for the text

1. ways to vertically centering the ::marker pseudo-element

• searching for iseues via AI copilot, stackoverflow, w3schools
• too-much-css make more problems

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

is it possible to vertically centering the ::marker pseudo-element without using tricks in may(05/2024)?

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

using RegEx pattern to cheack for valadition and using Netlify form option. next time i will try to keep it simple so the Netlify form can work.

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

to make valadition work, i encounter it by trying many options

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

i want to know what is the border-style design of the submit button

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

using custom css var

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

\

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

\

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

to solve the challenge faster. to use grid instead flex. to buid next projects with react library

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

how to add a quote sign using :before and styling. how to add :focus option to regular element

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

no need help in this specific project.

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

css var, next time try dynimac css var using js

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

centering horizontally and vertically the container, overcome using grid layout to place items

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

check if the soulation is the same