Frontend Mentor | nics's profile

Zoe Zhang•40

@YizhuoZhang3Submitted over 2 years ago

NFT card page

1

nics•110

@niccalaodenioPosted over 2 years ago

great work! :) i think you should add main tag in your html structure

1

Ramiro Huizar•50

@ramiroHuizar96Submitted almost 3 years ago

One thing I could not figure out is how to insert the triangle at the bottom of the "185 GB" bubble when in desktop mode. Any advice would be highly appreciated!

Responsive Layout using scss and mobile first approach

3

nics•110

@niccalaodenioPosted almost 3 years ago

don't use the <ul> tag to contain an <img> you can use <div> as container

Marked as helpful

0

Ramiro Huizar•50

@ramiroHuizar96Submitted almost 3 years ago

One thing I could not figure out is how to insert the triangle at the bottom of the "185 GB" bubble when in desktop mode. Any advice would be highly appreciated!

Responsive Layout using scss and mobile first approach

3

nics•110

@niccalaodenioPosted almost 3 years ago

you can use position property so that it can be position properly, set the container to relative then absolute for the element that contain the number which is the 185 GB left. then if it is positioned well you can apply the ::after pseudo element to put the triangle. Hope I can help, thank you! You can check my solution, just visit this link https://github.com/niccalaodenio/fylo-data-storage-component-master

Marked as helpful

0