All solutions

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

The most difficult task is writing is optimizing my css. I am not sure if I achieved this goal to 100%

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

It was difficult for me to find the correct analogy between font size and screen size.

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

Every comment will be helfull to improve my code!

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

I am very proud because I managed to place some elements to the desired position with grid layout without using position: absolute. CSS grid is definitely an awesome tool!

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

Making the desktop layout is something that I got struggled with. I constructed the mobile layout by using display grid with grid-template areas. I managed to do the desktop layout by erasing the grid template areas and using the grid-row and grid-col to place the elements

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

The typography size is something that I can't do I an efficient way espessially when the screen size gets too big or too small. I think that I need to study and see example of how to deal with this. Also I need to work on establishing correctly the sizes between grid rows and columns.

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

I am very proud from bringing this project as close as the original design.

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

The layout when i am resising to different screen sizes. I used grid template areas for this purpose

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

Holding the content design to specific width while maintaining the background images to 100vw is something that I got struggled with. I wrapped specific areas with div.wraper in order to achieve this. I wonder if there were shortcuts to this.

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

I have tried for first time to organized my css code.

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

I have tried to put some animations in the main picture component. I had to change the opacity of the --cyan color in order to achieve.

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

I need to work a lot in order to name my css classes in a more efficient way.

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

This project made me reconsider a lot of things in so many ways. I think that I am starting writing my code in a more efficient way. It was the first time that I tried to break my code into a lot of reusable parts.

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

The lightbox is something that i got struggled with. I tried to make it fit to different sizes by using some media queries and also prevent it from being displayed in smaller screens by using javascript.

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

I am not sure about the html structure of the lightbox. Also i don't know how to fit it correctly in smaller screen heights.

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

I am proud of taking this project so close to the original one. I think that I took my design skills a little step further.

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

handling the image sizes is something that I got struggled with. In some cases for example in the extra articles section, when the screen goes very large, the spaces between the titles and the content increases a lot due to image resizing.

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

Handling the spaces between the titles and the content when the image size increases is something that I need to fix in my projects. Any suggestions are welcome!

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

It was my first time that I have tried to put aria-values that much. I think that i am starting to understand how this works.

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

I am not sure that the code for evaluating validation of each input is the best. Also, I am not sure if the e.preventDefault() prevents the form from being rendered to the server or it is just prevents the page from reloading.

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

I would like to understand better the aria-attributes. More over I would like to understand better the functionality of the command e.preventDefault().

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

I think that I am starting to understand the basic concepts of semantic html.

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

The structure of both thanks-state and form-state is something that I got struggled with. I am not sure that the transition between the two states is efficient.

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

I think that the animations is something that I need to work with. I didn't know how to smoothly transition between the two states.

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

I am very happy for completing this project. I think that i slightly improved the way that I am writing code. I used some of the techniques that this learning path provided us with.

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

The main think that I struggled with is how to break my code into smaller functional pieces.

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

I think that I need to work further on how to right less code. Also I think that I need to name CSS classes in a more efficient way.

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

I am proud of getting the design of this project as close to the original one. I am also very happy for using the fetch method for the first time.

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

asynchronous functions is something that I got struggled with. I am not sure if I used the fetch method correctly.

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

I would like to understand better on how asynchronous functions work.

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

I think that my design is very close to the original. That makes me feel confident about myself.

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

I think that handling errors got me into trouble. I am not sure that I have fully understand this concept. Especially for the e.preventDefault behavior.

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

The question is: Does the e.preventDefault also prevents data for going to backend?

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

I think that i am starting to understand how to write better semantic html. I also know that I need to work harder on this topic in order to consolidate it.

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

I don't think that I managed to construct the share icons container with minimum code. There must be a simpler way of showing the icons from desktop to mobile without changing the parent which icons container lives.

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

I think that I would like a simpler approach for how to display the icons container with simpler way (no js) like the design.

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

I think that after many tries in different small projects I have finally started to understand how accordion items work. I used grid layout for transitioning for height 0 to auto which make thinks a lot easier.

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

The background screen pattern is something that I struggled with. I think that I need to work better on this topic

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

I think that I didn't manage to display the background pattern like the design. I don't think that I understand how the background-position property works especially for smaller screens.

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

After completing this challenge I think that I have better understand some concepts about the CSS grid layout. I used both grid template areas and grid template columns logic.

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

The html structure of each testimonial card is something that I got struggled with. Firstly I separated each card into two DIV 's but the result wasn't the desired one. After some YouTube video's I erased the second DIV and the result was a lot better.

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

I would like to dive a lot into CSS-grid and Flex-box as well. Also, I think that I need to study semantic HTML as well.

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

I am very happy for overcoming some difficulties that I used to have like handling my versions with git. I am also happy for my result because I feel that I am getting better from time to time.

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

I wasn't able to find the format from displaying the main title exactly like the title from the original design. But I think that I am close.

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

I think that there are many concepts that I need to understand better like handling the layouts better.

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

I am proud of sticking to my goal which is to improve my code writing. I think that after every challenge I am getting better.

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

The img tag is the think that took me a lot time to fix. I am not sure if I understand this perfectly but i think that I am getting better

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

There are a lot of thinks that I need help with. Some of them are handling images and make them responsive while changing the paddings and the gaps of other components.

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

I want to push myself harder on practicing the things that I am not comfortable with. Especially concepts that are related to variable fonts.

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

I wasn't able to apply correctly the font variable. I don't think that i have fully understood this concept.

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

As i mentioned previously I am not comfortable of using the variable fonts. Also I am not sure if I can use the google fonts links directly.

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

It is the first time that i use @font-face. I think that i got this one right.

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

The @font-face was the thing that I struggled with. I used both documentation and some YouTube videos to make it work.

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

There are plenty of things that i need to understand better!

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

Trying new ways of writing better CSS is something to be proud of. I think that I also gave more attencion to the details of the styling.

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

The box shadow. I am still struggling to do this perfectly. It confuses me a lot.

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

As I have mentioned the box shadow property confuses me a lot. Also I have problems with the widths and heights of a component in order to make this perfectly responsive.

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

What i would do differently is to pay more attention to the guideline that front end mentor provided me with

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

I wasn't used to using github to store my projects . This is an excellent way of handling changes without spending a lot of time.

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

I think that i need to spend more time on setting my layouts correctly.