salomasik• 50
@salomasik
Submitted
Salim TOURE
@limsael
All comments
- Salim TOURE• 240
@limsael
Posted
you might to check the validation because by removing the require attribut the form can be submitted.
Marked as helpful
1 - PYXHD• 270
@PYXHD
Submitted
What challenges did you encounter, and how did you overcome them?
I just made a simple design of the share bar, based on mobile version.
Salim TOURE• 240@limsael
Posted
I like this version of the project
0 - Danae Lescano• 270
@Lescano713
Submitted
What are you most proud of, and what would you do differently next time?
I’m proud of using a JSON file and fetch to integrate it with my JS. I believe I can improve further by implementing other technologies to reduce the amount of CSS needed without losing functionality.
What challenges did you encounter, and how did you overcome them?
Some challenges were using the grid layout and how to use fetch. I overcame them by watching tutorials and implementing the solutions.
Salim TOURE• 240@limsael
Posted
I learn a lot with your project thank you
0 - AReactDeveloper• 340
@AReactDeveloper
Submitted
What are you most proud of, and what would you do differently next time?
This was challenging however I managed to get it to work as close as possible you are welcome to view the code and the workflow please leave a comment an advice something I could better next time or point out any blander or mistake I made your help is very appreciated thank you
What challenges did you encounter, and how did you overcome them?
sometimes the wrapper container would over flow to the top right side I fixed it somehow but I don't know what causes that behavior playing around with flexbox values till I get it right was challenging but it was equally as fun
What specific areas of your project would you like help with?
I would like to know do we use rem for everything or just text sizes like places where you need margin and padding around the box model
Salim TOURE• 240@limsael
Posted
This is really really nice and matches the design as well I like it
1 - PBamo-D-Abdallah• 280
@Bamo-D-Abdallah
Submitted
Salim TOURE• 240@limsael
Posted
your project is nice the card is little too big but I reaaly like it.
1 - MelissaZhuu• 100
@MelissaZhuu
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of taking a mobile-first approach to this challenge and having a responsive solution for different screen sizes. I was also able to learn a lot about the list marker pseudo-element and how to use pseudo-classes when styling the nutrition table.
I think some things are easier to do in a Figma design file than to implement with CSS. Next time, I would try not to spend too much time getting every little thing exactly right, especially if it's a feature that doesn't have any significance to the functionality of the website, and very little impact on the page's overall look.
What challenges did you encounter, and how did you overcome them?
A challenge I encountered was trying to vertically center-align the bullet points for the unordered lists, particularly when the text wraps onto multiple lines. I found out that the pseudo-element :marker has limited CSS properties to modify, and some suggested using :before for a more customizable marker. However, when I tried this method, I realized that it required significantly more code (for example, I had to specify width, height and border radius just to create a circle shape, when the default marker is already a dot, and I had to use flexbox to format each list element to achieve the center alignment I wanted). I also came across a weird bug where certain longer list elements would cause the marker to warp from a circle into an oval, despite the width and height being the same. In the end, I was unable to figure out what was causing this warping, and given that using :before required significantly more code than using :marker, I chose to revert back to using :marker and just accepting that the bullet points wouldn't be vertically center-aligned.
What specific areas of your project would you like help with?
Is there a simple way to vertically center-align the list marker?
Although it's not noticeable when the list text is only one line, when the list text wraps onto multiple lines, the list marker is always aligned with the first line of text. Is it possible to have it align with the middle of the list text? Would it require using :before and flexbox or is there a better/alternative method?
Salim TOURE• 240@limsael
Posted
This project is really nice, it helps me understand how to align the table elements.
0 - gabgonsan712• 90
@gabgonsan712
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that I used correctly flex, learnt to use Sass with scss files, and applied it, and that I started using planning before creating the solutions, so I planned all in paper and then do the proyect in less than a hour.
What challenges did you encounter, and how did you overcome them?
My challenge was learning sass, but I saw a youtube tutorial and it was easy.
What specific areas of your project would you like help with?
For this proyect I am fine, I finally learnt to use correctle flex, but I would like to know if there are better ways of using it.
Salim TOURE• 240@limsael
Posted
The project is really nice, the spacing between the elements can be update but overall it really nice
Marked as helpful
0 - PCarlos Pizarro• 100
@IncorrigibleSpirit
Submitted
What are you most proud of, and what would you do differently next time?
During this project, I reviewed some concepts related to designing layouts and working with images and hyperlinks. Additionally, I learned and applied new concepts about typography, such as "fluid typography" and "variable fonts." Honestly, it was the first time I had heard about them, and I had a great experience calculating formulas and learning about the possibilities that variable fonts offer.
What challenges did you encounter, and how did you overcome them?
I had no idea how to calculate Fluid Typography and work with variable fonts. Luckily, I found excellent resources that taught me how to do it.
Useful resources
-
Modern Fluid Typography Using CSS Clamp - This article illustrates how to correctly calculate fluid typography.
-
Getting started with Variable fonts on the web - This video offers a meaningful overview concerning variable fonts and also shares useful resources and tips for working with typography in our projects.
What specific areas of your project would you like help with?
I usually rely on media queries to adjust my exercises based on screen resolutions. When should I specifically use 'fluid typography' and 'fluid sizing'?
Salim TOURE• 240@limsael
Posted
your project is reaaly special and like the ressources you included they really helped me.
0 -
- Juan Cruz Ardanaz• 230
@juanardanaz
Submitted
Hi everyone! This is my solution for the QR code component challenge.
Regarding the original design, I added some modifications:
- I used the ScrollReveal library in order to make a smooth appearence to the elements.
- I added hover functions at the title and paragraph tags
- I added multiple breakpoints
Thanks for your time, and I´m open to receive opinions!
Salim TOURE• 240@limsael
Posted
I really like your project especially the scrollReveal
0
