All solutions

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

Through this project, I gained valuable experience in building a functional calculator and more experience in Creating responsive layouts using Flexbox and CSS Grid

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

I still don't understand clearly when flex or grid children do not respect parent width and overflowing

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

understanding more the issue that is possible when using grid or flex

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

for the inputs, it's overflowing the width when I use a grid and place-items center for the body to center content

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

Through this project, I gained valuable experience in building a functional tip calculator app using HTML, CSS, and JavaScript. I practiced working with form inputs, implementing calculations based on user input, and displaying the results dynamically. Additionally, I improved my skills in creating responsive layouts and handling edge cases in user input validation

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

set layout grid for tip buttons , I faced content overflowing parent

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

apply js logic (dom)

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

set the transition for the effect of showing and hiding the description

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

i started to feel comfortable a little bit with the design

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

setting up icon sizes equally

set up the white arrow

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

I want to know where is the bad practice in my code

is the layout and the way of using CSS variables good

how to make the arrow in the desktop version

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

I'm learning some new things like using rem em for responsive

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

I need advice about

if the way that I do responsive typography good or bad practice or there is a more efficient way

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

work with some advice from my last solutions

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

i still get confusion with responsive units like using rem or em with padding margins fonts

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

i need some resources in how to make fonts and padding responsive and work with units like rem em also I noticed some solution use this units for screen breakpoint I really need some resources to understand it

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

working more with layouts

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

I put first the image without a holder and this caused the picture takes more height than the other content when I set the layout to a grid

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

clean code

best practice

bad idea and code that I possibly wrote

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

setup flex children with same width

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

-clean code

-best practice

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

What I Learned:

Through this project, I gained valuable experience in creating responsive layouts using Flexbox and media queries. I also practiced working with hover states and creating visually appealing UI components. Some key areas where I improved my skills include:

-Using Flexbox to create flexible and responsive layouts

-Implementing a mobile-first design approach

-Styling interactive elements with hover states

-Working with CSS custom properties (variables)

-Writing clean and organized CSS code

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

none

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

none

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

none

BEST PARTCISE

is this the best practice for using CSS properties for responsive landing pages?

is this project best practice for a CSS responsive methods (using flex and grid)

is this project best practice for a CSS responsive methods (using flex and grid)