P
Roman-oryol• 100
@Roman-oryol
Submitted
P
Amneisa
@AmneisaOB
All comments
- Ahmad Taiwo• 80
@Solataiwo-15
Submitted
What are you most proud of, and what would you do differently next time?
I stayed committed to finishing the task despite it being my first time handling a complete HTML and CSS project.
What challenges did you encounter, and how did you overcome them?
Making the design responsive on different screen sizes was another challenge. It was difficult to balance how the elements looked on both desktop and mobile screens.
What specific areas of your project would you like help with?
I’d like help with making my design more responsive, especially for mobile devices. I struggled with making sure the layout adjusts smoothly to different screen sizes without elements overlapping or breaking.
well done
0 - Кристина• 140
@KristinaHorbenko
Submitted
What challenges did you encounter, and how did you overcome them?
During the layout process, I encountered difficulties with the images. Initially, I struggled to set up the images so that they would rearrange depending on the screen, whether it was for the desktop or mobile version. Later, once I figured it out, I needed to remove the padding for the images. When reviewing my images on different screens, I noticed that the desktop version was not behaving correctly. I spent a long time searching for a solution, and after applying the following properties: display: block; max-width: 100%; height: 100%; object-fit: cover;, everything worked correctly.
Well done
0 What are you most proud of, and what would you do differently next time?
I found this project much harder than I expected. There were a lot of new things I needed to research and issues to figure out. However, I managed to get through all of them except for making the image full width on the mobile view and the title on mobile look like the design.
What challenges did you encounter, and how did you overcome them?
I think I made it hard for myself by trying new things in the CSS that didn't work and getting mixed up with the inheritance. I also found the spacing and layout challenging with the OL and UL sections, especially the spacing between the bullet points.
What specific areas of your project would you like help with?
Does anyone know how to fix the header image on the mobile view so that it is full width and the h1 to fit on two lines instead of three? Everything else is pretty much there, but if you see anything, I would be very grateful for the feedback. Thank you. :-)
well done almost pixel perfect
0- Salima-Laidi• 40
@Salima-Laidi
Submitted
Well done
0 - Ahmad Taiwo• 80
@Solataiwo-15
Submitted
What are you most proud of, and what would you do differently next time?
Pride in Learning: "I'm most proud of successfully completing my first HTML and CSS challenge. It feels great to start applying the concepts I’ve learned so far, especially since it’s my first hands-on experience with building something from scratch." Problem-Solving: "I’m also proud of how I was able to solve problems that came up during the challenge, like aligning elements or adjusting layout using CSS. It was rewarding to see how everything came together." Attention to Detail: "I’m particularly proud of the attention I paid to the small details in the design, like choosing the right colors and fonts, which made the layout look more polished." Commitment: "I stayed committed to finishing the task despite it being my first time handling a complete HTML and CSS project."
Planning: "Next time, I’d spend more time planning the layout before jumping into the coding part. I realized that having a clear structure in mind could make the process more efficient." Organizing Code: "I would also focus on organizing my CSS better by using classes and IDs more efficiently. This would help improve readability and make future adjustments easier." Using Flexbox/Grid: "While I managed to arrange elements with basic CSS, I would explore more advanced layout techniques like Flexbox or Grid next time to improve the responsiveness and alignment." Better Time Management: "I’d allocate my time more effectively by dividing the challenge into smaller tasks with set goals, so I can focus on each part without feeling overwhelmed."
What challenges did you encounter, and how did you overcome them?
Understanding Layouts: "One of the biggest challenges I encountered was figuring out how to properly structure the layout of the webpage. It was tricky at first to get the elements to align the way I wanted." CSS Styling Issues: "I also faced challenges with styling elements using CSS. Sometimes, the styling didn’t apply as I expected, especially when dealing with padding, margins, or centering content." Responsiveness: "Making the design responsive on different screen sizes was another challenge. It was difficult to balance how the elements looked on both desktop and mobile screens." Overwhelming New Concepts: "There were moments when I felt overwhelmed by the sheer number of new concepts, like when to use certain HTML tags or how different CSS properties work together."
Trial and Error: "To overcome the layout issues, I used a trial-and-error approach, tweaking the HTML structure and CSS properties until things started to make sense visually. Each adjustment helped me understand how small changes affect the entire design." CSS Documentation & Tutorials: "I referred to CSS documentation and online tutorials to understand the properties better. When I couldn’t figure out how to make things work, I researched specific problems and found solutions." Flexbox and Grid Exploration: "I started experimenting with Flexbox and Grid after realizing their potential to simplify layout challenges. This helped improve the alignment of elements and made the design more flexible." Break Down the Task: "I broke down the challenge into smaller parts and tackled each part one at a time. This made the process more manageable and less overwhelming." Patience and Persistence: "Most importantly, I stayed patient and kept experimenting until I found solutions that worked. Each challenge became a learning opportunity."
What specific areas of your project would you like help with?
Responsive Design: "I’d like help with making my design more responsive, especially for mobile devices. I struggled with making sure the layout adjusts smoothly to different screen sizes without elements overlapping or breaking." CSS Best Practices: "I would also appreciate guidance on CSS best practices, like how to better organize my styles and optimize the use of classes, IDs, and selectors to keep my code clean and efficient." Flexbox and Grid: "Even though I experimented with Flexbox and Grid, I feel like I could use more help understanding when and how to apply them correctly to different layout scenarios." Improving Accessibility: "I’d like to learn more about making my project more accessible, such as incorporating semantic HTML elements and using CSS to enhance readability and usability for all users." Debugging Tools: "Lastly, I could use some tips on how to effectively use browser developer tools for debugging CSS and HTML issues. I often found it challenging to identify the exact cause of problems when elements didn’t behave as expected."
Well done, but there is something about your CSS code instead of define the font family in for every element, you could've just define it in the body section
Marked as helpful
1 @nottundeednut
Submitted
well done
0
